:root {
    --label: #000000;
    --secondary-label: #8A898E;
    --tertiary-label: #C3C3C5;
    --quaternary-label: #DBDBDB;
    --system-background: #FEFEFE;
    --system-background-transparent: rgba(255, 255, 255, 0.5);
    --secondary-system-background: #F2F1F6;
    --secondary-system-background-transparent: rgba(242, 241, 246, 0.75);
    --tertiary-system-background: #FEFEFE;
    --system-blue: #1379F5;
    --system-blue-background: #cbdff7;
    --light-text: #FEFEFE;
    --system-teal: #59C8FA;
    --system-red: #FF3B30;
    --system-red-background: #FFD2D0;
    --system-red-text: #941a13;
    --system-orange: #f58f13;
    --system-orange-background: #fcdebb;
    --system-grey-6: #E5E4E9;
    --grey-text: #8A898E;
    --grey-background: #6b6b6b;

    /* Design system — Primary blue scale */
    --aa-primary: #4373F6;
    --aa-primary-dark: #365DC8;
    --aa-primary-darker: #29479A;
    --aa-primary-darkest: #1B316C;
    --aa-primary-light: #698FF8;
    --aa-primary-lighter: #8EABFA;
    --aa-primary-200: #B4C7FB;
    --aa-primary-50: #ECF1FE;
    --aa-primary-bg-dark: #152655;
    --aa-primary-bg-darker: #0E1B3E;
    --aa-primary-bg-darkest: #081027;

    /* Semantic tokens — Light theme */
    --aa-bg-default: #FFFFFF;
    --aa-surface-default: #FFFFFF;
    --aa-surface-raised: #FFFFFF;
    --aa-border-default: #D9E3FD;
    --aa-text-primary: #0E1B3E;
    --aa-text-secondary: #1B316C;
    --aa-text-muted: #8A898E;
    --aa-primary-hover: #365DC8;
    --aa-primary-pressed: #29479A;
    --aa-primary-subtle-bg: #ECF1FE;
    --aa-view-bg: #EFEFF4;
    --aa-section-title-color: #515152;
    --aa-group-title-bg: #EFEFF4;
    --aa-separator: #e3e3e3;
    --aa-drag-handle: #D0D0D0;
    --aa-close-btn-bg: #d4d4d4;
    --aa-close-btn-color: #525252;
    --aa-toggle-checked: #4BD763;
    --aa-row-value-color: #757575;

    /* Status/semantic colors */
    --aa-success: #4BD763;
    --aa-success-bg: #e8f8eb;
    --aa-warning: #f58f13;
    --aa-warning-bg: #fcdebb;
    --aa-error: #FF3B30;
    --aa-error-bg: #FFD2D0;

    /* Briefing severity */
    --aa-sev-alert: #d12d2d;
    --aa-sev-caution: #d18a2d;
    --aa-sev-ok: #4a9e2d;
    --aa-sev-info: #8a8a8a;

    /* Flight categories */
    --aa-cat-vfr: #4a9e2d;
    --aa-cat-mvfr: #2d72d1;
    --aa-cat-ifr: #d12d2d;
    --aa-cat-lifr: #a02dd1;
    --aa-cat-unk: #888888;

    /* Monospace font stacks */
    --aa-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    --aa-font-tabnum: -apple-system-monospaced-numbers, monospace;

    /* Functional tokens */
    --aa-header-bg: var(--aa-primary);
    --aa-menu-bg: var(--aa-primary);
    --aa-menu-active-bg: #FFFFFF;
    --aa-menu-active-text: var(--aa-primary);
    --aa-modal-header-bg: var(--aa-primary-darker);
    --aa-btn-primary-bg: var(--aa-primary);
    --aa-btn-primary-text: #FFFFFF;
    --aa-btn-secondary-bg: transparent;
    --aa-btn-secondary-text: var(--aa-primary);
    --aa-btn-secondary-border: var(--aa-primary-200);
    --aa-input-bg: #FEFEFE;
    --aa-input-border-radius: 12px;
    --aa-bottom-sheet-radius: 20px;
    --aa-route-manager-bg: var(--aa-primary-darker);
    --aa-card-bg: #FEFEFE;
    --aa-divider: #e3e3e3;
}

body.invert {
    --label: #FEFEFE;
    --secondary-label: #8D8D93;
    --tertiary-label: #47474A;
    --quaternary-label: #2A2A2C;
    --system-background: #000000;
    --system-background-transparent: rgba(0, 0, 0, 0.5);
    --secondary-system-background: #1C1C1E;
    --secondary-system-background-transparent: rgba(28, 28, 30, 0.75);
    --tertiary-system-background: #2B2B2D;
    --system-grey-6: #1C1C1E;
    --grey-text: #c2c1c7;
    --system-blue-background: #4d5f73;
    --grey-background: #6b6b6b;

    /* Dark mode semantic tokens */
    --aa-bg-default: #010510;
    --aa-surface-default: #0E1B3E;
    --aa-surface-raised: #152655;
    --aa-border-default: #1B316C;
    --aa-text-primary: #FFFFFF;
    --aa-text-secondary: #D9E3FD;
    --aa-text-muted: #8D8D93;
    --aa-primary-hover: #698FF8;
    --aa-primary-pressed: #365DC8;
    --aa-primary-subtle-bg: #152655;
    --aa-view-bg: #0E1B3E;
    --aa-section-title-color: #D9E3FD;
    --aa-group-title-bg: #0E1B3E;
    --aa-separator: #1B316C;
    --aa-drag-handle: #444444;
    --aa-close-btn-bg: #1C1C1E;
    --aa-close-btn-color: #989899;
    --aa-toggle-checked: #4BD763;
    --aa-row-value-color: #D9E3FD;

    /* Status/semantic colors — dark mode */
    --aa-success: #4BD763;
    --aa-success-bg: #0f2e14;
    --aa-warning: #f58f13;
    --aa-warning-bg: #3d2a0a;
    --aa-error: #FF453A;
    --aa-error-bg: #3d0f0c;

    /* Dark mode functional overrides */
    --aa-header-bg: var(--aa-primary-bg-dark);
    --aa-menu-bg: var(--aa-primary-bg-dark);
    --aa-menu-active-bg: rgba(255, 255, 255, 0.15);
    --aa-menu-active-text: #FFFFFF;
    --aa-modal-header-bg: var(--aa-primary-bg-darker);
    --aa-input-bg: #1C2A3D;
    --aa-route-manager-bg: var(--aa-primary-bg-dark);
    --aa-btn-secondary-border: rgba(255, 255, 255, 0.2);
    --aa-card-bg: #1C2A3D;
    --aa-divider: #0f202e;
}

.hornet {
    --aa-header-bg: var(--aa-primary-bg-dark);
    --aa-menu-bg: var(--aa-primary-bg-dark);
    --aa-menu-active-bg: rgba(255, 255, 255, 0.15);
    --aa-menu-active-text: #FFFFFF;
    --aa-modal-header-bg: var(--aa-primary-bg-darker);
    --aa-input-bg: #1C2A3D;
    --aa-route-manager-bg: var(--aa-primary-bg-dark);
    --aa-btn-secondary-border: rgba(255, 255, 255, 0.2);
    --aa-card-bg: #1C2A3D;
    --aa-divider: #0f202e;

    /* Hornet semantic tokens */
    --aa-bg-default: #010510;
    --aa-surface-default: #0E1B3E;
    --aa-surface-raised: #152655;
    --aa-border-default: #1B316C;
    --aa-text-primary: #FFFFFF;
    --aa-text-secondary: #D9E3FD;
    --aa-text-muted: #8D8D93;
    --aa-primary-hover: #698FF8;
    --aa-primary-pressed: #365DC8;
    --aa-primary-subtle-bg: #152655;
    --aa-view-bg: #0E1B3E;
    --aa-section-title-color: #D9E3FD;
    --aa-group-title-bg: #0E1B3E;
    --aa-separator: #1B316C;
    --aa-drag-handle: #444444;
    --aa-close-btn-bg: #1C1C1E;
    --aa-close-btn-color: #989899;
    --aa-row-value-color: #D9E3FD;

    --aa-success: #4BD763;
    --aa-success-bg: #0f2e14;
    --aa-warning: #f58f13;
    --aa-warning-bg: #3d2a0a;
    --aa-error: #FF453A;
    --aa-error-bg: #3d0f0c;
}