:root {
    /* Core colors */
    --color-primary: #4169e1;
    --color-success: #4cbb17;

    /* Neutral palette */
    --color-navy: #0f172a;
    --color-bg-soft: #f8fafc;
    --color-bg-alt: #eef2ff;
    --color-text: #475569;
    --color-white: #ffffff;
    --color-border: #cbd5e1;

    /* Semantic aliases */
    --bg-app: var(--color-bg-soft);
    --bg-surface: var(--color-white);
    --bg-elevated: var(--color-bg-alt);
    --text-heading: var(--color-navy);
    --text-body: var(--color-text);
    --border-default: var(--color-border);

    /* Glass */
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.5);
    --glass-blur: 12px;

    /* Spacing */
    --space-0: 0;
    --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;

    /* Radius */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;
    --radius-pill: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 6px 16px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 14px 32px rgba(15, 23, 42, 0.12);
    --shadow-inset: inset 0 1px 1px rgba(15, 23, 42, 0.04);

    /* Focus */
    --focus-ring-color: rgba(65, 105, 225, 0.35);
    --focus-ring-width: 3px;
    --focus-ring: 0 0 0 var(--focus-ring-width) var(--focus-ring-color);

    /* Typography support */
    --line-height-tight: 1.2;
    --line-height-base: 1.5;
    --line-height-relaxed: 1.75;
}