:root {
    /* Brand palette */
    --primary-dark: #1e5b94;
    --primary-mid: #2d88c3;
    --primary-light: #4bb8d5;
    --accent: #50c0e6;
    --text-light: #ffffff;
    --text-muted: #e6e6e6;
    --background: #e8f4fa;
    --secondary: #e6f4f9;
    --dark: #0c3b64;

    /* Typography — agency sans */
    --font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
    --font-heading: 'Plus Jakarta Sans', system-ui, sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;

    /* LCJ-style surfaces */
    --mist: #eef7fc;
    --surface: #ffffff;
    --text-muted-dark: #58656d;
    --nav-offset: 120px;

    /* Glassmorphism */
    --glass-blur: 20px;
    --glass-blur-strong: 28px;
    --glass-bg: rgba(255, 255, 255, 0.22);
    --glass-bg-elevated: rgba(255, 255, 255, 0.38);
    --glass-bg-dark: rgba(12, 59, 100, 0.45);
    --glass-bg-tint: rgba(230, 244, 249, 0.35);
    --glass-border: rgba(255, 255, 255, 0.55);
    --glass-border-subtle: rgba(255, 255, 255, 0.28);
    --glass-highlight: rgba(255, 255, 255, 0.75);
    --glass-shadow: 0 8px 32px rgba(30, 91, 148, 0.14),
                    inset 0 1px 0 rgba(255, 255, 255, 0.65);
    --glass-shadow-hover: 0 16px 48px rgba(30, 91, 148, 0.2),
                          0 0 0 1px rgba(80, 192, 230, 0.25),
                          inset 0 1px 0 rgba(255, 255, 255, 0.8);

    /* Gradients */
    --gradient-hero: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-mid) 45%, var(--primary-light) 100%);
    --gradient-accent: linear-gradient(135deg, var(--primary-mid) 0%, var(--accent) 100%);
    --gradient-text: linear-gradient(90deg, var(--accent) 0%, var(--primary-light) 100%);
    --gradient-mesh: radial-gradient(ellipse 80% 60% at 10% 20%, rgba(80, 192, 230, 0.35) 0%, transparent 55%),
                     radial-gradient(ellipse 70% 50% at 90% 10%, rgba(45, 136, 195, 0.3) 0%, transparent 50%),
                     radial-gradient(ellipse 60% 40% at 50% 100%, rgba(75, 184, 213, 0.25) 0%, transparent 55%),
                     linear-gradient(180deg, #dceef7 0%, #eef7fc 40%, #f5fafd 100%);

    /* Glow & shadows */
    --glow-accent: 0 4px 24px rgba(80, 192, 230, 0.35);
    --glow-accent-strong: 0 8px 32px rgba(80, 192, 230, 0.5);
    --shadow-card: 0 10px 40px rgba(30, 91, 148, 0.1);

    /* Motion */
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: 250ms var(--ease-smooth);
    --transition-base: 350ms var(--ease-smooth);

    /* Layout */
    --nav-height: 72px;
    --radius-pill: 50px;
    --radius-card: 24px;
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --transition-fast: 0.01ms;
        --transition-base: 0.01ms;
    }
}