:root {
    /* Brand */
    --color-primary-950: #061426;
    --color-primary-900: #081c34;
    --color-primary-850: #0b2544;
    --color-primary-800: #0d2d52;
    --color-primary-700: #123f70;
    --color-primary-600: #1756a9;
    --color-primary-500: #2672d8;

    --color-accent-700: #d99400;
    --color-accent-600: #f2aa00;
    --color-accent-500: #ffbf21;
    --color-accent-400: #ffd25a;

    /* Semantic */
    --color-success: #15965b;
    --color-success-soft: #eaf8f1;

    --color-warning: #b77a00;
    --color-warning-soft: #fff5d8;

    --color-danger: #d64242;
    --color-danger-soft: #fff0f0;

    --color-info: #2769c7;
    --color-info-soft: #edf4ff;

    /* Text */
    --color-text: #17243a;
    --color-text-strong: #0d1a2d;
    --color-muted: #69778c;
    --color-muted-light: #8c99aa;

    /* Surface */
    --color-surface: #ffffff;
    --color-surface-soft: #f5f7fb;
    --color-surface-muted: #eef2f7;
    --color-border: #dfe5ed;
    --color-border-strong: #ccd5e1;

    /* Spacing */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;

    /* Radius */
    --radius-xs: 0.4rem;
    --radius-sm: 0.65rem;
    --radius-md: 0.9rem;
    --radius-lg: 1.2rem;
    --radius-xl: 1.6rem;
    --radius-pill: 999px;

    /* Shadows */
    --shadow-xs: 0 2px 8px rgba(8, 28, 52, 0.05);
    --shadow-sm: 0 6px 18px rgba(8, 28, 52, 0.07);
    --shadow-card: 0 12px 32px rgba(8, 28, 52, 0.09);
    --shadow-float: 0 20px 55px rgba(8, 28, 52, 0.15);

    /* Layout */
    --container: 1220px;
    --header-height: 76px;
    --sidebar: 264px;

    /* Typography */
    --font:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    /* Motion */
    --transition-fast: 160ms ease;
    --transition-normal: 240ms ease;
}