:root {
    /* ── Colors: surfaces ─────────────────────────────── */
    --ui-surface: #ffffff;
    --ui-surface-subtle: #f5f5f3;
    --ui-surface-muted: #f5f5f3;
    --ui-surface-elevated: #ffffff;
    --ui-surface-hover: #e9ecef;
    /* ── Colors: borders ──────────────────────────────── */
    --ui-border: rgba(0,0,0,0.12);
    --ui-border-subtle: rgba(0,0,0,0.08);
    --ui-border-soft: #f0f0f0;
    --ui-border-strong: rgba(0,0,0,0.2);
    --ui-border-muted: #ccc;
    --ui-border-focus: #185FA5;
    /* ── Colors: text ─────────────────────────────────── */
    --ui-text-primary: #1a1a1a;
    --ui-text-secondary: #555;
    --ui-text-muted: #999;
    --ui-text-tertiary: #999;
    --ui-text-disabled: #999;
    --ui-text-on-accent: #ffffff;
    /* ── Colors: accent / brand ───────────────────────── */
    --ui-accent: #185FA5;
    --ui-accent-hover: #0C447C;
    --ui-accent-bright: #378ADD;
    --ui-accent-dark: #0C447C;
    --ui-accent-soft: #E6F1FB;
    /* ── Colors: state ────────────────────────────────── */
    --ui-success: #639922;
    --ui-success-soft-bg: #EAF3DE;
    --ui-success-soft-fg: #3B6D11;
    --ui-warning: #EF9F27;
    --ui-warning-soft-bg: #FAEEDA;
    --ui-warning-soft-fg: #854F0B;
    --ui-error: #A32D2D;
    --ui-error-soft-bg: #FCEBEB;
    --ui-error-soft-fg: #A32D2D;
    --ui-info: #185FA5;
    --ui-info-soft-bg: #E6F1FB;
    --ui-info-soft-fg: #0C447C;
    --ui-orange: #D85A30;
    /* ── Chrome / nav (for app shell) ─────────────────── */
    --ui-nav-bg: #1e3a5f;
    --ui-nav-text: #ffffff;
    --ui-nav-text-muted: rgba(255,255,255,0.65);
    /* ── Spacing scale (4px base, expressed in rem) ───── */
    --ui-space-1: 0.25rem; /* was 4px  */
    --ui-space-2: 0.5rem; /* was 8px  */
    --ui-space-3: 0.75rem; /* was 12px */
    --ui-space-4: 1rem; /* was 16px */
    --ui-space-5: 1.25rem; /* was 20px */
    --ui-space-6: 1.5rem; /* was 24px */
    --ui-space-8: 2rem; /* was 32px */
    /* ── Radii ────────────────────────────────────────── */
    --ui-radius-sm: 0.1875rem; /* was 3px  */
    --ui-radius-md: 0.5rem; /* was 8px  */
    --ui-radius-lg: 0.75rem; /* was 12px */
    --ui-radius-pill: 1.25rem; /* was 20px */
    /* ── Typography sizes (bumped + rem) ──────────────── */
    --ui-font-size-xs: 0.625rem; /* 10px */
    --ui-font-size-sm: 0.6875rem; /* 11px */
    --ui-font-size-base: 0.75rem; /* 12px */
    --ui-font-size-md: 0.8125rem; /* 13px */
    --ui-font-size-lg: 0.875rem; /* 14px */
    --ui-font-size-xl: 0.9375rem; /* 15px */
    /* ── Font weights ─────────────────────────────────── */
    --ui-font-weight-regular: 400;
    --ui-font-weight-medium: 500;
    --ui-font-weight-semibold: 600;
    --ui-font-weight-bold: 700;
    /* ── Font family ──────────────────────────────────── */
    --ui-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    /* ── Shadows ──────────────────────────────────────── */
    --ui-shadow-xs: 0 0.0625rem 0.125rem rgba(0,0,0,0.04);
    --ui-shadow-sm: 0 0.0625rem 0.1875rem rgba(0,0,0,0.06);
    --ui-shadow-md: 0 0.25rem 0.75rem rgba(0,0,0,0.08);
    --ui-shadow-hover: 0 0.25rem 1rem rgba(0,0,0,0.12);
    --ui-shadow-lg: 0 0.375rem 1.5rem rgba(0,0,0,0.13);
    --ui-shadow-xl: 0 0.5rem 2rem rgba(0,0,0,0.18);
    /* ── Transitions ──────────────────────────────────── */
    --ui-transition-fast: 0.1s ease;
    --ui-transition-base: 0.15s ease;
    --ui-transition-slow: 0.2s ease;
    /* ── Shadows  */
    --ui-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --ui-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --ui-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.06);
    --ui-shadow-hover: 2px 6px 6px rgba(0, 0, 0, 0.1);
    --ui-shadow-lg: 7px 7px 4px rgba(0, 0, 0, 0.06);
    /* ── Transitions */
    --ui-transition-fast: 0.15s ease;
    --ui-transition-base: 0.2s ease;
    /* ── Modal specific tokens */
    --ui-modal-bg: #f5f3ee;
    --ui-modal-bg-elev: #fbfaf6;
    --ui-modal-bg-card: #ffffff;
    --ui-modal-bg-rail: #efece5;
    --ui-modal-bg-subtle: #f2efe8;
    --ui-modal-ink: #1a1f24;
    --ui-modal-ink-2: #3d4651;
    --ui-modal-ink-3: #6b7682;
    --ui-modal-ink-4: #9aa3ad;
    --ui-modal-ink-5: #c2c8ce;
    --ui-modal-line: #e3dfd5;
    --ui-modal-line-2: #d4cfc1;
    --ui-modal-line-strong: #1a1f24;
    --ui-modal-accent: #0f5e5c;
    --ui-modal-accent-hover: #0a4847;
    --ui-modal-accent-soft: #e6f0ef;
    --ui-modal-accent-ink: #0a3938;
    --ui-modal-warm: #b8540a;
    --ui-modal-warm-soft: #f7ede0;
    --ui-modal-font-display: 'Fraunces','Times New Roman',serif;
    --ui-modal-font-ui: 'Geist',-apple-system,system-ui,sans-serif;
    --ui-modal-font-mono: 'Geist Mono','Menlo',monospace;
    --ui-modal-ease: cubic-bezier(0.22,1,0.36,1);
}

[data-theme="dark"] {
    --ui-surface: #1e1e1e;
    --ui-surface-subtle: #2a2a2a;
    --ui-surface-muted: #333333;
    --ui-text-primary: #e9ecef;
    --ui-text-secondary: #adb5bd;
    --ui-text-muted: #868e96;
    --ui-border: rgba(255,255,255,0.12);
    --ui-border-subtle: rgba(255,255,255,0.08);
}