Color Palette

The Avionics palette is built around International Safety colors—high-contrast, immediately recognizable, and functional.

Background Colors

--c-bg-page: #f4f4f0;    /* Warm, off-white concrete/paper */
--c-bg-surface: #ebebe6; /* Slightly darker, for cards or headers */
--c-border: #d1d1c7;     /* Visible, structural grey */

Usage: --c-bg-page for main page background, --c-bg-surface for cards and headers, --c-border for borders and dividers.

Text Colors

--c-text-primary: #111111;   /* Soft black, like high-quality toner */
--c-text-secondary: #585855; /* Muted grey for secondary information */

Brand Colors

--c-brand: #f04e30;       /* Safety Orange */
--c-brand-hover: #d13a1e; /* Darker orange for hover states */

Status Indicators

/* Success (DIN Standard Green) */
--c-success: #00703c;

/* Warning (Signal Yellow) */
--c-warning: #ffb400;

/* Error (Switch Red) */
--c-error: #cc0000;