:root {
    /* ── Typography ───────────────────────────────── */
    --font-family: 'IBM Plex Mono', monospace;
    --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* ── Brand Colors ─────────────────────────────── */
    --color-primary: #0F2A4A;
    --color-primary-dark: #091B32;
    --color-primary-mid: #1B3D5E;
    --color-primary-light: #EDF2F8;
    --color-primary-glow: rgba(15, 42, 74, 0.06);
    --color-accent: #3B82F6;
    --color-accent-hover: #2563EB;
    --color-accent-light: #EFF6FF;

    /* ── Surfaces ──────────────────────────────────── */
    --color-bg: #FFFFFF;
    --color-bg-page: #F7F8FA;
    --color-surface: #F8F9FB;
    --color-surface-raised: #FFFFFF;

    /* ── Text ──────────────────────────────────────── */
    --color-text: #0F1729;
    --color-text-secondary: #475569;
    --color-text-tertiary: #64748B;

    /* ── Inputs ────────────────────────────────────── */
    --color-input-bg: #F1F5F9;
    --color-input-text: #0F2A4A;
    --color-calc-bg: #F8F9FB;

    /* ── Status Colors ─────────────────────────────── */
    --color-positive: #10B981;
    --color-positive-bg: #ECFDF5;
    --color-negative: #EF4444;
    --color-negative-bg: #FEF2F2;
    --color-warning: #F59E0B;
    --color-warning-bg: #FFFBEB;

    /* ── Borders ───────────────────────────────────── */
    --color-border: #E5E7EB;
    --color-border-light: #F1F5F9;
    --color-border-subtle: rgba(0, 0, 0, 0.04);

    /* ── Radii ─────────────────────────────────────── */
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-full: 999px;

    /* ── Shadows ────────────────────────────────────── */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.03);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.07), 0 2px 6px rgba(0, 0, 0, 0.03);
    --shadow-xl: 0 16px 50px rgba(0, 0, 0, 0.09), 0 4px 12px rgba(0, 0, 0, 0.03);
    --shadow-primary: 0 4px 14px rgba(15, 42, 74, 0.1);
    --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.08);

    /* ── Spacing ────────────────────────────────────── */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

    /* ── Transitions ────────────────────────────────── */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --duration-fast: 0.15s;
    --duration-normal: 0.25s;
    --duration-slow: 0.4s;
}