/* Design tokens — updated to match Figma (Granger Surveying v1.0) */
:root {
    /* Colors — Figma palette */
    --color-navy:        #3c5a8a;   /* medium blue — page heroes, CTAs */
    --color-navy-dark:   #1a2b4a;   /* dark navy — footer bg */
    --color-red:         #c0392b;   /* CTA buttons, active nav link */
    --color-red-hover:   #a93226;   /* darker red on hover */
    --color-blue-link:   #2d5a8a;   /* county card titles, inline links */
    --color-bg:          #f7f9fb;   /* page background */
    --color-bg-alt:      #dce4ee;   /* services section bg — blue-gray */
    --color-bg-gray:     #e5eaef;   /* card backgrounds */
    --color-white:       #ffffff;
    --color-heading:     #4B6893;   /* all section headings */
    --color-text:        #68798D;   /* body text */
    --color-text-muted:  #68798D;   /* muted body text (same) */
    --color-border:      #d0dae6;

    /* Typography */
    --font-serif:        'Merriweather', Georgia, 'Times New Roman', serif;
    --font-sans:         'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Font sizes */
    --text-xs:    0.75rem;
    --text-sm:    0.875rem;
    --text-base:  1rem;
    --text-lg:    1.125rem;
    --text-xl:    1.25rem;
    --text-2xl:   1.5rem;
    --text-3xl:   1.875rem;
    --text-4xl:   2.25rem;
    --text-5xl:   3rem;

    /* Spacing */
    --space-1:   0.25rem;
    --space-2:   0.5rem;
    --space-3:   0.75rem;
    --space-4:   1rem;
    --space-5:   1.25rem;
    --space-6:   1.5rem;
    --space-8:   2rem;
    --space-10:  2.5rem;
    --space-12:  3rem;
    --space-16:  4rem;
    --space-20:  5rem;
    --space-24:  6rem;

    /* Layout */
    --max-width:        1200px;
    --max-width-narrow: 800px;
    --container-px:     1.5rem;

    /* Border radius */
    --radius-sm:  0.25rem;
    --radius:     0.5rem;
    --radius-lg:  0.75rem;
    --radius-xl:  1rem;

    /* Shadows */
    --shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
    --shadow:     0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg:  0 8px 24px rgba(0,0,0,0.12);

    /* Transitions */
    --transition: 150ms ease;
    --transition-md: 250ms ease;
}