/* ==========================================================================
   Wijze Wolf — Design tokens (single source of truth)
   Direction: "Stille Bossen" — deep evergreen + warm amber + cream.
   ========================================================================== */

:root {
  /* --- Brand palette (WCAG-AA verified pairings) --- */
  --c-bg:          #F7F5EF; /* warm off-white page */
  --c-surface:     #FFFFFF; /* cards / panels */
  --c-surface-2:   #EFF3EC; /* faint sage tint band */
  --c-text:        #1E2A23; /* near-black forest */
  --c-text-muted:  #566158;
  --c-primary:     #2F5D4E; /* forest green */
  --c-primary-dark:#1F3F35;
  --c-secondary:   #8AA694; /* sage */
  --c-accent:      #E08A2B; /* amber (brand) */
  --c-accent-dark: #B26415;
  --c-dark:        #15241D; /* deep band / footer */
  --c-dark-text:   #E9EFE8;
  --c-dark-muted:  #A9BBAE;
  --c-border:      #E3DFD4;
  --c-border-dark: rgba(255,255,255,.10);

  /* Convenience semantic aliases */
  --c-on-accent:   #1E2A23; /* dark label on amber (white fails AA) */
  --c-on-primary:  #FFFFFF; /* readable label on the primary colour */
  --c-link:        #2F5D4E; /* text links on light = green, never amber */
  --paw-color:     #5C7A5A; /* sage paw on light sections */
  --paw-color-dark:#E08A2B; /* amber paw on dark bands */

  /* --- Typography --- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-eyebrow: .8125rem;
  --fs-small:   .875rem;
  --fs-body:    1.0625rem;            /* 17px */
  --fs-lead:    1.25rem;
  --fs-h3:      1.35rem;
  --fs-h2:      clamp(1.9rem, 1.4rem + 2.4vw, 2.75rem);
  --fs-h1:      clamp(2.5rem, 1.6rem + 4.2vw, 4.25rem);
  --fs-display: clamp(2.75rem, 1.7rem + 5vw, 5rem);

  --lh-tight: 1.06;
  --lh-snug:  1.25;
  --lh-body:  1.7;

  --measure:  66ch;

  /* --- Spacing (8pt base) --- */
  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .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;
  --section-y: clamp(4rem, 9vw, 8rem);
  --container: 1200px;
  --container-narrow: 760px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* --- Radii --- */
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 32px;
  --r-pill: 999px;

  /* --- Shadows (warm, never harsh black) --- */
  --shadow-sm:  0 2px 8px rgba(30,42,35,.05);
  --shadow-md:  0 14px 30px rgba(30,42,35,.10);
  --shadow-lg:  0 28px 60px -18px rgba(30,42,35,.22);
  --shadow-cta: 0 6px 16px rgba(224,138,43,.25);

  /* --- Motion --- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  --dur: .22s;
  --dur-slow: .5s;

  /* --- Layers --- */
  --z-paws: 0;
  --z-content: 1;
  --z-header: 50;
  --z-drawer: 100;
}