/* ============================================================
   TOMATUHS — tokens.css (v2)
   Machine contract of DESIGN.md. Components read tokens;
   nothing re-declares a brand value.
   STATUS: all values PROPOSED until locked in the back-and-forth.
   ============================================================ */

:root {
  /* ---- Palette (03 · red/white/green answered; values researched) ---- */
  --red: #d2232a;             /* Vine Red — the fruit, action, appetite */
  --green: #0e8345;           /* Leaf Green — growth, the living plant */
  --field: #fafaf7;           /* Field White — clean daylight surface */
  --soil: #1a1a18;            /* Soil — text near-black */
  --linen: #f4f2ea;           /* Linen — warm alternate surface */
  --deep: #0f2a1c;            /* Deep Field — dark showcase surface */
  --stone: #6b6b64;           /* Stone — secondary text */
  --mist: #e8e8e2;            /* Mist — hairlines, quiet fills */
  --surface: var(--field);
  --surface-warm: var(--linen);
  --ink: var(--soil);
  --muted: var(--stone);
  --subtle: var(--mist);
  --dark: var(--deep);

  /* ---- Typography (04 · A/B open; A is the live default) ---- */
  --font-display: "Fraunces", Georgia, serif;          /* A — heritage craft */
  --font-display-b: "Inter", -apple-system, sans-serif; /* B — modern simple */
  --font-body: "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SF Mono", "Cascadia Code", Menlo, monospace;
  --text-hero: clamp(3rem, 8.5vw, 6rem);
  --text-h1: clamp(2.1rem, 4.5vw, 3.3rem);
  --text-h2: clamp(1.7rem, 3.5vw, 2.4rem);
  --text-h3: 1.3rem;
  --text-h4: 1.05rem;
  --text-body-lg: 1.185rem;
  --text-body: 1rem;
  --text-body-sm: 0.875rem;
  --text-caption: 0.8rem;
  --text-label: 0.72rem;

  /* ---- Spacing ---- */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 1rem; --sp-4: 1.5rem;
  --sp-5: 2rem; --sp-6: 3rem; --sp-7: 4.5rem; --sp-8: 7rem;
  --section-pad: clamp(4rem, 9vh, 6.5rem);

  /* ---- Radii (09 · quiet, continuous) ---- */
  --r-sm: 4px; --r-md: 10px; --r-lg: 18px; --r-xl: 28px; --r-pill: 999px;

  /* ---- Borders ---- */
  --border-w: 1px;
  --border: var(--border-w) solid var(--mist);

  /* ---- Shadows (09 · barely there) ---- */
  --sh-rest: 0 1px 4px rgba(26, 26, 24, 0.06);
  --sh-raised: 0 8px 24px rgba(26, 26, 24, 0.1);

  /* ---- Motion (10 · slow growth, answered) ---- */
  --dur-fast: 140ms; --dur-normal: 280ms; --dur-grow: 520ms;
  --ease-out: cubic-bezier(0.25, 1, 0.4, 1);
  --ease-grow: cubic-bezier(0.3, 1.2, 0.5, 1);  /* organic settle, no punch */

  /* ---- Layout (11) ---- */
  --max-w-narrow: 44rem;
  --max-w: 64rem;
  --max-w-wide: 80rem;
  --nav-w: 230px;
  --nav-h: 56px;

  /* ---- Seasonal festival accents (03 option · festivals answered, picks invented) ---- */
  --fest-tomatina: #e63946;    /* La Tomatina — saturated red moment */
  --fest-marigold: #f2a007;    /* Día de Muertos — cempasúchil */
  --fest-vendemmia: #7b4b2a;   /* Vendemmia — harvest oak */
}