:root {
    /* Core Palette — Clean Professional White & Blue */
    --white: #ffffff;
    --off-white: #f5f7fa;
    --grey-50: #f0f2f5;
    --grey-100: #e4e7ec;
    --grey-200: #cdd3dc;
    --grey-300: #a0aab8;
    --grey-400: #6b7685;
    --grey-500: #4a5568;
    --grey-600: #2d3748;
    --grey-700: #1a202c;
    --grey-900: #0f1419;

    /* Brand Blue */
    --blue-50: #e8f4fd;
    --blue-100: #bee3f8;
    --blue-200: #90cdf4;
    --blue-300: #63b3ed;
    --blue-400: #4299e1;
    --blue-500: #0052cc;
    --blue-600: #0747a6;
    --blue-700: #003d99;
    --blue-800: #002e73;
    --blue-glow: rgba(0, 82, 204, 0.12);
    --blue-glow-md: rgba(0, 82, 204, 0.2);
    --blue-glow-strong: rgba(0, 82, 204, 0.35);

    /* Accent */
    --accent-spark: #3b82f6;
    --accent-light: #dbeafe;

    /* Status */
    --success: #059669;
    --success-bg: #ecfdf5;
    --warning: #d97706;
    --warning-bg: #fffbeb;
    --danger: #dc2626;
    --danger-bg: #fef2f2;

    /* Typography */
    --font-display: 'Inter', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

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

    /* Borders */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);
    --shadow-blue: 0 4px 14px rgba(0, 82, 204, 0.15);
    --shadow-blue-lg: 0 8px 30px rgba(0, 82, 204, 0.2);

    /* Transitions */
    --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --ease-power: cubic-bezier(0.16, 1, 0.3, 1);
    --transition-fast: 0.2s var(--ease-smooth);
    --transition-med: 0.4s var(--ease-smooth);
    --transition-slow: 0.6s var(--ease-power);

    /* Layout */
    --container-max: 1260px;
    --container-narrow: 960px;
    --header-height: 68px;
}