:root {
    /* Spacing */
    --space-xs: 0.4rem;
    --space-sm: 0.8rem;
    --space-md: 1.6rem;
    --space-lg: 3.2rem;
    --space-xl: 5.6rem;

    /* Type ramp */
    --font-sm: 1.4rem;
    --font-base: 1.6rem;
    --font-lg: 2.0rem;
    --font-xl: 3.2rem;
    --font-2xl: 4.8rem;

    /* Brand */
    --amber-base: #f9aa26;
    --amber-soft: #ffc25e;
    --blue-base: #003057;
    --blue-deep: #001220;

    /* Semantic */
    --bg: var(--blue-deep);
    --panel: rgb(255 255 255 / 3.5%);
    --panel-strong: rgb(255 255 255 / 6%);
    --text: #f0f0f0;
    --text-muted: #b9c2cc;
    --text-dim: #7d8c9a;
    --accent: var(--amber-base);
    --border-subtle: rgb(255 255 255 / 12%);
    --border-faint: rgb(255 255 255 / 7%);
}