:root {
    --navy-50: #eef3fb;
    --navy-200: #adc4ea;
    --navy-600: #234491;
    --navy-700: #1c3675;
    --navy-800: #17315c;
    --gold-200: #ffdd7a;
    --gold-300: #fcc741;
    --stone-0: #ffffff;
    --stone-50: #f7f9fc;
    --stone-100: #eef1f6;
    --stone-200: #e1e6ee;
    --stone-400: #97a0b0;
    --stone-500: #677081;
    --stone-700: #2e3540;
    --stone-800: #1a1f28;
    --stone-900: #0f1318;

    --success: #2e7d4f;
    --warning: #c57a0a;
    --danger: #b3362c;

    --font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
    --font-sans: "Inter", system-ui, sans-serif;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-full: 999px;

    --surface-page: var(--stone-50);
    --surface-card: var(--stone-0);
    --surface-muted: var(--stone-100);
    --border-default: var(--stone-200);

    --text-primary: var(--stone-800);
    --text-heading: var(--navy-800);
    --text-muted: var(--stone-500);
    --text-on-brand: var(--stone-0);
}

[data-theme="dark"],
[data-bs-theme="dark"] {
    --surface-page: var(--stone-900);
    --surface-card: var(--stone-800);
    --surface-muted: var(--stone-700);
    --border-default: var(--stone-700);
    --text-primary: var(--stone-100);
    --text-heading: var(--stone-100);
    --text-muted: var(--stone-400);
}