/* ===== tokens.css (hard-lock) =====
Single source of truth. Change values here; everything updates.
------------------------------------------------------------------ */
:root{
  /* Brand */
  --brand-green-900:#0a3a29;
  --brand-green-700:#106a3e;
  --brand-green-500:#0e8033;
  --brand-gold-500:#d4af37;
  --brand-gold-300:#f9e79f;
  --brand-white:#ffffff;
  --brand-black:#000000;

  /* Background gradient */
  --bg-start: var(--brand-green-900);
  --bg-mid:   var(--brand-green-500);
  --bg-end:   #114b35;

  /* Typography */
  --font-sans: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  --base-size: 18px;
  --h1-size: clamp(2rem, 5vw, 3.5rem);
  --h2-size: clamp(1.5rem, 4vw, 2.5rem);
  --line-tight: 1.15;
  --line-normal: 1.5;

  /* Spacing scale (4px grid) */
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-20: 80px;

  /* Layout */
  --container-max: 1100px;
  --top-offset: 28px;       /* global content offset beneath fixed nav */
  --section-gap: var(--space-6);

  /* Nav + Buttons */
  --nav-py: 6px;
  --nav-gap: var(--space-4);
  --btn-py: 6px;
  --btn-px: 8px;
  --btn-radius: 4px;

  /* Page Offsets */
  --about-us-offset: 180px;  /* vertical breathing space below nav on About Us */

  /* Effects */
  --radius: 6px;
  --shadow-soft: 0 6px 18px rgba(0,0,0,.15);
  --shadow-hard: 0 2px 4px rgba(0,0,0,.25);

  /* Z */
  --z-nav: 100;
}