:root {
    /* Professional dark blue — rich navy, not sky/pastel */
    --bg-deep: #071322;
    --bg-primary: #0A1A2E;
    --bg-secondary: #0F2544;
    --bg-card: #132D52;
    --bg-card-hover: #183A66;
    --bg-elevated: #1A4578;
    --bg-glass: rgba(10, 26, 46, 0.9);

    /* Brand accent */
    --brand-blue: #006AFB;
    --brand-blue-hover: #0078FF;
    --brand-blue-light: #3D8BFD;
    --brand-blue-soft: rgba(0, 106, 251, 0.12);

    --text-primary: #F4F7FB;
    --text-secondary: #9FB4CC;
    --text-muted: #7A94B0;
    --text-on-dark: #FFFFFF;

    --border-color: rgba(148, 175, 205, 0.14);
    --border-blue: rgba(0, 106, 251, 0.4);
    --glow-blue: rgba(0, 106, 251, 0.22);
    --glow-strong: rgba(0, 106, 251, 0.4);

    /* Gushwork-style light hero tokens */
    --hero-light-bg: #F1F2F3;
    --hero-light-bg-alt: #F0F2F5;
    --hero-light-text: #0D0D0D;
    --hero-light-muted: #585C5F;
    --hero-light-border: #E1E3E8;

    /* Premium light cards (Gushwork-style) */
    --card-light-bg: #F5F5F7;
    --card-light-bg-hover: #FAFAFB;
    --card-light-border: #EBEBED;
    --text-on-light: #0D0D0D;
    --text-on-light-muted: #4B5563;
    --text-on-light-soft: #6B7280;

    --font-heading: 'Manrope', system-ui, sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-2xl: 28px;

    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    --space-4xl: 6rem;

    --nav-height: 72px;
    --container-max: 1200px;
    --container-wide: 1280px;

    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;

    --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.35);
    --shadow-card-hover: 0 12px 40px rgba(0, 0, 0, 0.45);
    --shadow-glow: 0 0 40px var(--glow-blue);

    /* Dark → deep blue gradients */
    --bg-gradient: linear-gradient(
        165deg,
        #071322 0%,
        #0A1A2E 22%,
        #0F2D54 52%,
        #163B6E 78%,
        #1A4578 100%
    );
    --bg-gradient-radial: radial-gradient(
        ellipse 75% 55% at 50% -8%,
        rgba(0, 106, 251, 0.14) 0%,
        transparent 62%
    );
    --bg-gradient-section: linear-gradient(
        180deg,
        rgba(15, 37, 68, 0.85) 0%,
        rgba(10, 26, 46, 0.95) 100%
    );
    --bg-gradient-cta: linear-gradient(
        135deg,
        #071322 0%,
        #0F2D54 45%,
        #1A4578 100%
    );
    --bg-gradient-footer: linear-gradient(
        180deg,
        #0F2544 0%,
        #071322 100%
    );
}