:root {
    /* Core palette */
    --bg: #FFFFFF;
    --bg-soft: #F4F7FB;
    --bg-mid: #E6EDF6;
    --blue: #155692;
    --blue-dark: #0D3D6B;
    --blue-light: #1F6EBD;
    --blue-xlight: #EAF1FA;
    --accent: #155692;
    --text: #111827;
    --text-mid: #374151;
    --text-muted: #6B7280;
    --border: #CFD9E8;
    --border-light: #E6EDF6;
    --white: #FFFFFF;

    /* Gradients */
    --gradient-1: linear-gradient(135deg, #1F6EBD 0%, #155692 100%);
    --gradient-2: linear-gradient(135deg, #155692 0%, #0D3D6B 100%);
    --gradient-hero: linear-gradient(160deg, #EAF1FA 0%, #D6E6F5 50%, #F4F7FB 100%);

    /* Typography */
    --font-display: 'Syne', sans-serif;
    --font-body: 'DM Sans', sans-serif;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 7rem;

    /* Border Radius */
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --radius-xl: 22px;
    --radius-pill: 999px;

    /* Transitions */
    --transition-fast: 0.18s ease;
    --transition-base: 0.28s ease;
    --transition-slow: 0.55s ease;

    /* Shadows */
    --shadow-sm: 0 2px 12px rgba(21, 86, 146, 0.08);
    --shadow-md: 0 6px 28px rgba(21, 86, 146, 0.14);
    --shadow-lg: 0 16px 56px rgba(21, 86, 146, 0.20);
    --shadow-nav: 0 2px 20px rgba(0, 0, 0, 0.07);
}