/* ============================================================
   CFSC Wildfire County Coordinator Resource Hub
   Design tokens — official CFSC brand (Brand Standards, Jan 2021).
   Green leads · amber energizes · navy anchors · teal/red/sage add life.
   ============================================================ */
:root{
  /* ===== Brand core ===== */
  --green-900:#044A34;   /* darkest green — deep bands, hovers */
  --green-700:#006C4B;   /* PRIMARY CFSC green */
  --green-500:#1E8463;   /* lighter green — fills, data */
  --green-100:#D9EAE3;   /* soft green wash */
  --green-50:#F1F8F5;

  --amber-700:#6B4A0F;   /* accessible amber for TEXT on white (>=4.5:1) */
  --amber-500:#FFB547;   /* CFSC amber — CTA fills, highlights (FILL ONLY) */
  --amber-100:#FFE8C2;   /* soft amber wash */

  --navy-900:#0C1B30;    /* deepest navy */
  --navy-700:#112541;    /* CFSC navy — dark bands, footer, headings */
  --navy-100:#DDE3EC;

  --teal-700:#0F5C50;    /* teal TEXT on white (>=4.5:1) */
  --teal-500:#72C0B4;    /* CFSC teal — data/accents, category */
  --teal-100:#E2F1EE;

  --red-700:#852428;     /* CFSC deep red — urgent/alerts (sparing) */
  --red-100:#F6E4E5;

  --sage-300:#C1D0C6;    /* CFSC sage */
  --warm-300:#D0CAC3;    /* CFSC warm gray */

  /* ===== Canvas ===== */
  --bg:#FFFFFF;
  --bg-soft:#F4F7F5;     /* cool alternating sections */
  --bg-sand:#FBF4E8;     /* warm accent band (amber-tinted) */
  --line:#E4EBE7;        /* hairlines */

  /* ===== Text ===== */
  --ink-900:#16201C;     /* headlines / strong body */
  --ink-600:#41454A;     /* body / secondary (CFSC slate) */
  --ink-300:#5C696F;     /* captions/tertiary (darkened to clear AA on white) */

  /* ===== Status / data ===== */
  --info:#2F6FB0;  --info-100:#E7F0F8;
  --ok:#006C4B;    --ok-100:#D9EAE3;
  --warn:#6B4A0F;  --warn-100:#FFE8C2;
  --urgent:#852428; --urgent-100:#F6E4E5;

  /* ===== Shape & depth ===== */
  --r-card:18px; --r-btn:999px; --r-input:12px; --r-chip:999px;
  --shadow-1:0 1px 2px rgba(17,37,65,.05), 0 6px 18px rgba(17,37,65,.06);
  --shadow-2:0 2px 8px rgba(17,37,65,.07), 0 18px 44px rgba(17,37,65,.12);
  --shadow-green:0 8px 28px rgba(0,108,75,.26);
  --shadow-amber:0 8px 28px rgba(255,181,71,.40);

  /* ===== Type =====
     Brand web type: Barlow Semi Condensed (titles, all-caps) + Source Sans 3. */
  --font-display:"Barlow Semi Condensed", system-ui, sans-serif;
  --font-body:"Source Sans 3", "Source Sans Pro", system-ui, sans-serif;

  /* ===== Spacing ===== */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem;
  --s-6:2rem; --s-8:3rem; --s-10:4rem; --s-12:6rem; --s-14:8rem;

  /* ===== Motion ===== */
  --ease:cubic-bezier(.22,.8,.26,1); --t-fast:160ms; --t-base:280ms; --t-slow:460ms;

  /* ===== Layout ===== */
  --container:1200px; --nav-h:92px; --focus:#006C4B;
}

/* Text-size control (A / A+ / A++) set on <html> by ui.js */
html{ font-size:100%; }
html[data-textscale="A+"]{ font-size:112.5%; }
html[data-textscale="A++"]{ font-size:125%; }