/*
  Graftwild design tokens — single source of truth for web + PDF.
  Direction: "Field Guide + Yolk" (see brand-guide.md / explorations.html).

  Contrast notes (WCAG, on linen #F5F0E8):
    ink 14.7 · forest 10.5 · olive-deep 5.6 · bark 5.5 · yolk-deep 5.0 · gulf-deep 4.9
    olive 4.0 (large text / decoration only) · gulf 2.9 · sand 2.0 (decoration only)
  Yolk buttons use INK text (5.6:1) — never linen/white text on yolk.
*/
:root {
  /* ── Core: Field Guide ─────────────────────────── */
  --gw-linen:      #F5F0E8;  /* paper / page background        */
  --gw-cream:      #F2EDE4;  /* legacy alt surface             */
  --gw-parchment:  #EAE2D4;  /* cards, table stripes, wells    */
  --gw-ink:        #1C1F17;  /* text                           */
  --gw-forest:     #2C3B2A;  /* dark surfaces, primary buttons */
  --gw-olive:      #6B7C45;  /* accent: rules, icons, big type */
  --gw-olive-deep: #55653A;  /* olive when it has to be read   */
  --gw-bark:       #7D5A3C;  /* labels, eyebrow text, wood     */
  --gw-sand:       #C4A882;  /* hairlines, dividers on dark    */
  --gw-gulf:       #4A9B8F;  /* water accent (decoration)      */
  --gw-gulf-deep:  #2B7369;  /* water accent as text/link      */

  /* ── Offer accent: Yolk ────────────────────────── */
  --gw-yolk:       #E07B24;  /* CTA fill, price flags (ink text on top) */
  --gw-yolk-deep:  #A84C15;  /* yolk as text on linen                   */
  --gw-yolk-wash:  #F6E3CF;  /* highlight wash behind yolk content      */

  /* ── Type ──────────────────────────────────────── */
  --gw-serif: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --gw-sans:  "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --gw-track-tight: -0.03em;   /* large serif headings */
  --gw-track-label: 0.16em;    /* uppercase Inter labels */
  --gw-leading-body: 1.7;

  /* ── Space (4pt base) ──────────────────────────── */
  --gw-s1: 4px;  --gw-s2: 8px;  --gw-s3: 12px; --gw-s4: 16px;
  --gw-s5: 24px; --gw-s6: 32px; --gw-s7: 48px; --gw-s8: 64px;
  --gw-s9: 96px; --gw-s10: 128px;

  /* ── Shape + depth (tinted, layered — never flat grey) ── */
  --gw-radius-sm: 4px;
  --gw-radius:    10px;
  --gw-radius-lg: 18px;
  --gw-shadow-1: 0 1px 1px rgba(44, 59, 42, .06), 0 2px 6px rgba(44, 59, 42, .06);
  --gw-shadow-2: 0 2px 4px rgba(44, 59, 42, .06), 0 12px 28px -8px rgba(44, 59, 42, .18);
  --gw-shadow-3: 0 4px 10px rgba(28, 31, 23, .08), 0 30px 60px -18px rgba(28, 31, 23, .35);

  /* ── Motion: transform + opacity only ──────────── */
  --gw-ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --gw-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}