:root {
    --sab-navy: #1B3F6B;
    --sab-navy-dark: #132d4d;
    --sab-navy-light: #2A5289;
    --sab-teal: #1CB095;
    --sab-teal-dark: #179A7D;
    --sab-teal-light: #E6F7F3;
    --sab-gray: #9CA3AF;
    --sab-gray-dark: #6B7280;
    --sab-gray-light: #E5E7EB;
    --sab-white: #FFFFFF;
    --sab-bg: #F8FAFB;
    --sab-bg-alt: #F0F4F8;
    --sab-text: #374151;
    --sab-text-light: #6B7280;
    --sab-heading: var(--sab-navy);

    --sab-font: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    --sab-radius: 12px;
    --sab-radius-lg: 18px;
    --sab-radius-xl: 24px;
    --sab-radius-pill: 999px;

    --sab-shadow-sm: 0 2px 8px rgba(27, 63, 107, 0.08);
    --sab-shadow: 0 8px 30px rgba(27, 63, 107, 0.12);
    --sab-shadow-lg: 0 16px 48px rgba(27, 63, 107, 0.16);

    --sab-container: 1200px;
    --sab-header-h: 78px;
    --sab-topbar-h: 40px;
    --sab-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --sab-transition: 0.25s var(--sab-ease);
}