/* ─────────────────────────────────────────────────────────────
   Ranger Turf Co — Shared Design Tokens
   Two directions (A = Landmark / editorial, B = Groundskeeper / bold)
   use distinct fonts & colors but share spacing/radii/motion.
   ───────────────────────────────────────────────────────────── */

:root {
  /* Motion */
  --ease-out: cubic-bezier(.22, .61, .36, 1);
  --ease-in-out: cubic-bezier(.6, .05, .4, 1);
  --dur-fast: 180ms;
  --dur-med: 320ms;
  --dur-slow: 560ms;

  /* Radii */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;

  /* Spacing scale (px) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-8: 48px;
  --sp-10: 64px;
  --sp-12: 96px;
  --sp-14: 128px;
  --sp-16: 160px;
}

/* ── Direction A — The Landmark ── */
.dir-a {
  /* Type */
  --font-display: "Fraunces", "Cormorant Garamond", Georgia, serif;
  --font-body: "Inter Tight", "Inter", -apple-system, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Color — cream / warm black / single deep-green accent */
  --bg: #f5f1e8;
  --bg-alt: #ece6d7;
  --bg-dark: #1a1a17;
  --ink: #1a1a17;
  --ink-soft: #494640;
  --ink-muted: #7a766d;
  --rule: #d8d1be;
  --rule-soft: #e6e0ce;
  --accent: #2d4a2a;       /* deep forest */
  --accent-ink: #f5f1e8;
  --accent-soft: #eae4d0;
}

/* ── Direction B — The Groundskeeper ── */
.dir-b {
  /* Type */
  --font-display: "Archivo", "Archivo Narrow", "Helvetica Neue", sans-serif;
  --font-body: "Inter", -apple-system, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Color — ivory / deep forest / clay */
  --bg: #ede8dc;
  --bg-alt: #e2dccb;
  --bg-dark: #0f1a12;
  --ink: #0f1a12;
  --ink-soft: #3a4a3e;
  --ink-muted: #6a7768;
  --rule: #c8c2ad;
  --rule-soft: #d8d2bd;
  --accent: #b4543a;       /* clay */
  --accent-ink: #ede8dc;
  --accent-soft: #e4ceb8;
  --forest: #0f1a12;
  --moss: #2a3d29;
}