:root {
    /* Color Palette - KP Astrologically Verified */
    --color-primary-blue: #1B3A6B;
    --color-primary-blue-rgb: 27, 58, 107; /* CRITICAL: Required for transparency masks */
    
    --color-deep-navy: #0A1526;    /* Added to fix undefined variable calls in your buttons */
    --color-navy-60: #6B7FA3;      /* Saturn Lighter: Secondary borders, captions */
    --color-navy-light: #B8C8E0;   /* On-dark text / extremely subtle dividers */
    --color-near-black: #1A1A1A;
    --color-warm-cream: #FFFDF7;
    --color-warm-ivory: #F5F2ED;
    --color-pure-white: #FFFFFF;   /* Reserved strictly for dark-mode text inversion */

    /* Typography */
    --font-primary: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-secondary: Arial, sans-serif;

    /* Typography Scale */
    --text-eyebrow: 14px;
    --text-body-small: 16px;
    --text-body: 18px;
    --text-body-large: 22px;
    --text-h6: 26px;
    --text-h5: 34px;
    --text-h4: 44px;
    --text-h3: 56px;
    --text-h2: 72px;
    --text-h1: 96px; 

    /* Spacing & Grid */
    --grid-max-width: 1520px;
    --text-max-width: 720px;
    --section-padding-desktop: 160px;
    --section-padding-laptop: 120px;
    --section-padding-tablet: 96px;
    --section-padding-mobile: 72px;

    /* Interface Elements */
    --border-radius-btn: 4px;
    --btn-height: 54px;
    
    /* Animation Easing */
    --ease-out: cubic-bezier(0.25, 1, 0.5, 1);
    --transition-duration: 250ms;
}

@media (max-width: 1440px) { :root { --text-h1: 72px; } }
@media (max-width: 992px) { :root { --text-h1: 58px; } }
@media (max-width: 576px) { :root { --text-h1: 42px; } }