/* ============================================================
   Mobile Axe — design tokens (Phase 1: new brand palette)
   See docs/WEBSITE_REDESIGN_BRIEF.md §3 for the full system.

   Backward-compat aliases are intentional — they let pages whose
   styles still reference --paper/--forest/--wine/--river render
   correctly while we migrate them in Phase 1/3.
   ============================================================ */

:root {
  /* ---------- Surfaces ---------- */
  --ink: #0f1a14;          /* near-black, primary text and dark surfaces */
  --ink-2: #1b2922;        /* dark green-black, navs, footer, hero overlay */
  --ink-3: #2a3a32;        /* dark borders */
  --bone: #faf7ee;         /* off-white canvas, warmer than #fff */
  --bone-2: #f1ecde;       /* striped / alt rows */
  --paper: #ffffff;        /* card surfaces (legacy: pages used --paper as canvas; we now use --bone) */

  /* Backward-compat: pages that still reference --paper expect a canvas color. */
  --paper-canvas: var(--bone);

  /* ---------- Brand ---------- */
  --forest: #1f4d33;       /* primary green */
  --forest-hi: #28663f;    /* hover */
  --forest-soft: #e6efe9;  /* tinted block */
  --forest-tint: #f2f7f3;
  --green: var(--forest);  /* legacy alias from booking/landing pages */

  --gold: #c58c2a;         /* restrained accent */
  --gold-hi: #d39c39;      /* hover */
  --gold-2: #a87422;       /* dark gold for text on light */
  --gold-soft: #f5e7c5;    /* highlight block */

  --steel: #305b6e;        /* secondary cool accent */
  --steel-soft: #dde8ec;
  --river: var(--steel);   /* legacy alias */

  --rust: #a14826;         /* sparingly: urgent / "now booking" */
  --rust-soft: #efd7cb;
  --wine: var(--rust);     /* legacy alias from home/booking section labels */
  --red: #b23a2f;          /* legacy alias used by booking + checklist + landing */
  --red-soft: #f3dad7;

  /* ---------- Wood (used in hero overlays and dividers) ---------- */
  --wood-1: #8a5a30;
  --wood-2: #6b4322;
  --wood-3: #4a2c14;

  /* ---------- Functional ---------- */
  --line: #e3e6df;
  --line-strong: #c9cec4;
  --muted: #5e6b62;
  --muted-strong: #3d4a42;

  /* ---------- Geometry ---------- */
  --r-card: 8px;
  --r-button: 6px;
  --r-pill: 999px;

  /* ---------- Layout ---------- */
  --section-pad-y: 72px;
  --section-pad-x: clamp(20px, 5vw, 80px);
  --hero-pad-x: clamp(20px, 5vw, 80px);
  --nav-pad-x: clamp(18px, 4vw, 64px);
  --nav-h: 64px;

  /* ---------- Shadow ---------- */
  --shadow-1: 0 1px 2px rgba(15, 26, 20, 0.04), 0 1px 1px rgba(15, 26, 20, 0.03);
  --shadow-2: 0 8px 24px rgba(15, 26, 20, 0.10);
  --shadow-3: 0 18px 42px rgba(15, 26, 20, 0.18);
}

body {
  background: var(--bone);
}