:root {
  /* ─── Colors ─────────────────────────────── */
  --c-forest:       #1B3A2D;   /* PNW deep green — primary brand */
  --c-forest-dark:  #122A20;
  --c-forest-mid:   #2E5A44;
  --c-footer:       #0F2218;   /* deepest forest — footer + hero gradient start */
  --c-slate:        #2C3830;   /* near-black headings */
  --c-slate-mid:    #4A5A50;
  --c-cedar:        #B8762F;   /* warm amber — CTA accent */
  --c-cedar-hover:  #9E6326;
  --c-cedar-light:  #F5ECE0;
  --c-bg:           #F7F5F1;   /* off-white warm */
  --c-bg-alt:       #EDEAE5;
  --c-white:        #FFFFFF;
  --c-text:         #1C1C1A;
  --c-text-mid:     #3A3A38;
  --c-text-muted:   #595953;   /* darkened from #6B6B65 to clear WCAG AA (4.47->5.9:1) on --c-bg-alt panels */
  --c-border:       #DDD9D3;
  --c-border-light: #EDEBE7;
  --c-star:         #C8880A;
  --c-error:        #B91C1C;
  --c-success:      #1B6B4A;

  /* ─── Typography ────────────────────────── */
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Arial, sans-serif;
  --font-display: 'Lora', Georgia, 'Times New Roman', serif;

  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-lg:   1.125rem;
  --fs-xl:   1.25rem;
  --fs-2xl:  1.5rem;
  --fs-3xl:  1.875rem;
  --fs-4xl:  2.25rem;
  --fs-5xl:  2.75rem;
  --fs-6xl:  3.5rem;

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semi:   600;
  --fw-bold:   700;

  --lh-tight:  1.2;
  --lh-snug:   1.35;
  --lh-normal: 1.55;
  --lh-loose:  1.7;

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

  /* ─── Layout ────────────────────────────── */
  --max-w:    1200px;
  --max-w-md: 860px;
  --px:       1.25rem;   /* mobile side padding */

  /* ─── Radius ─────────────────────────────── */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   12px;
  --r-xl:   18px;
  --r-full: 9999px;

  /* ─── Shadows ─────────────────────────────── */
  --sh-sm:  0 1px 4px  rgba(0,0,0,0.07);
  --sh-md:  0 4px 14px rgba(0,0,0,0.09);
  --sh-lg:  0 8px 28px rgba(0,0,0,0.11);
  --sh-xl:  0 16px 48px rgba(0,0,0,0.13);

  /* ─── Transitions ───────────────────────── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);   /* ease-out-expo */
  --t-fast: 120ms cubic-bezier(0.16, 1, 0.3, 1);
  --t-base: 200ms cubic-bezier(0.16, 1, 0.3, 1);
  --t-slow: 300ms cubic-bezier(0.16, 1, 0.3, 1);
}