/* Design tokens — Phase 0 extraction from templates/index.html inline styles.
   Values are byte-identical to the literals previously used, so no computed
   visual result changes. The severity set is defined here for later phases;
   JS-generated chart/table colors still use literals (Plotly cannot read
   CSS custom properties). */
:root {
    /* Surfaces */
    --color-header-bg: #1a1a2e;   /* dark navy header bar / chat header */
    --color-panel-bg: #16213e;    /* header selects, header buttons, upload modal */

    /* Accent */
    --color-accent: #4a9eff;
    --color-accent-hover: #357abd;

    /* Severity */
    --color-severity-red: #c62828;
    --color-severity-amber: #ef6c00;
    --color-severity-green: #2e7d32;

    /* Weather categories (P10) — conventional aviation ceiling/visibility
       colors, referenced by the .wx-* dot classes in base.css. */
    --color-wx-vfr: #2e7d32;
    --color-wx-mvfr: #1565c0;
    --color-wx-ifr: #c62828;
    --color-wx-lifr: #ad1457;

    /* Radii */
    --radius-sm: 3px;
    --radius-md: 4px;
    --radius-lg: 8px;
    --radius-xl: 12px;

    /* Spacing */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
}