/* ══════════════════════════════════════════════════════════════════════════════
   PALETTE — Overland Solution                              loaded AFTER kit.css
   Copy this to the site as assets/css/palette.css and fill it in.

   THE ONE RULE: every colour below has to come from something that physically
   exists at the client's business. Their sign, their walls, their uniforms, their
   packaging, the light in their room. Not a palette generator, not a mood board,
   not "spa colours."

   Being able to name the fixture is the whole difference between a site that
   looks like theirs and a site that looks like a template with their logo on it.
   Write the source in the comment beside each value. If you cannot name it, you
   have not looked at their photos long enough.
   ══════════════════════════════════════════════════════════════════════════════ */
:root{
  /* ── the ground ─────────────────────────────────────────────────────────────
     Near-black, pulled from the client's own darkest brand colour. Not #000 and
     not a neutral grey: a very dark version of a colour they actually own. */
  --ground:#0F160E;        /* SOURCE: ...                                        */
  --panel:#182116;         /* one step up, for alternating bands                 */
  --panel-2:#1E2A1C;       /* two steps up                                       */
  --ink:#1B2419;           /* their darkest brand colour, for light-page bits    */
  --ink-2:#2E3B29;
  --ink-3:#4A5A42;

  /* ── the two light sources ──────────────────────────────────────────────────
     These are the "neon". One warm, one cool, both taken off real fixtures. They
     light every band, glow the small type, and ignite the card edges on hover. */
  --lume:#E2B87A;          /* WARM.  SOURCE: ...                                 */
  --lume-hot:#F0CE9A;      /* the same colour, brighter, for hover states        */
  --lume-2:#7FA6D6;        /* COOL.  SOURCE: ...                                 */

  /* ── accents on the light layer ─────────────────────────────────────────── */
  --accent:#B08D57;
  --accent-lt:#C9A96A;
  --accent-2:#8A9A7B;
  --mark:#6FA344;          /* logo mark only. never type, never UI               */

  /* ── paper and type ─────────────────────────────────────────────────────── */
  --paper:#F7F3EA;
  --paper-2:#FFFDF7;
  --line:#E2DACB;
  --body:#3D453A;
  --muted:#6E7768;
  --txt:rgba(242,240,231,.86);
  --txt-2:rgba(242,240,231,.66);   /* CHECK THIS ON THE REAL GROUND. beat 7:1 */

  /* ── edges ──────────────────────────────────────────────────────────────────
     Derived from --lume. If you change --lume, change these to match or the card
     borders will be the wrong colour and nothing will look wrong enough to spot. */
  --edge:rgba(226,184,122,.16);
  --edge-hot:rgba(226,184,122,.42);
  --hair:rgba(176,141,87,.22);
  --glow-a:rgba(176,141,87,.22);
  --glow-b:rgba(122,150,104,.17);

  /* ── type ───────────────────────────────────────────────────────────────────
     A display serif and a quiet sans is the default that reads expensive. Change
     the faces, never the sizes: the sizes are floors set for an older audience. */
  --serif:"Cormorant Garamond",'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;
  --sans:"Jost",-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;

  --wrap:1180px;

  /* ── luxury grammar knobs (client-site-design skill, reference/luxury-grammar.md) ──
     --btn-r: 100px pills (Goldust, Blacklane camp) or 3px square (Aman, Dishoom, CRISP
     camp). Nothing in between: the 8 to 14px radius is the one the luxury set never
     puts on a button. --display: the hero line, luxury median 5.4vw at 1440. Leave it
     unless the client's sign demands wider or narrower. */
  --btn-r:100px;
  --display:clamp(2.6rem,5.4vw,5.5rem);
}

/* CONTRAST GATE — do not skip this.
   Dark grounds flatter text that is actually too dim, so eyeballing it does not work.
   Compute --txt and --txt-2 against --ground before shipping. Target 12:1 on body
   and 7:1 on secondary, not the 4.5:1 legal floor. This audience skews older. */

/* ── from the 08-shops-retail recipe (2026-10-01): the starting points, each to be re-sourced from THEIR fixtures ── */
:root{
  --paper:#F7F3EA;
  --btn-r:3px;          /* square camp on the measured sites */
  --display:clamp(2.6rem,4vw,5.8rem);
  --serif:"Lato","Lato Fallback",Arial,sans-serif;
  --sans:"Jost","Jost Fallback",Arial,sans-serif;
  /* --cond: a condensed label face if their brand has one; --accent-txt: the accent deepened to 6.5:1 on paper; --stone: one step warmer than paper */
}

/* ── OVERLAND SOLUTION, from his own fixtures (2026-10-01). Every value is named for the thing it was sampled from. ── */
:root{
  --paper:#F2EEE4;          /* the dry gravel of Lower Cove Run Road in the hero, lifted to paper */
  --paper-2:#F8F6F0;        /* one step lighter: the tag faces */
  --stone:#E7E1D3;          /* the same gravel, a step down, for alternating bands */
  --line:#D8D0BF;
  --ink:#1D2A21;            /* the forest green behind his logo (sampled #2E3A2C), deepened to ink */
  --ink-2:#2C3D30;
  --body:#323A33;
  --muted:#535B54;          /* 6.9:1 on paper */
  --accent:#9A4A1C;         /* a trail blaze: the painted marks on the trees, deepened to read as type (7.1:1) */
  --accent-txt:#8A4018;
  --accent-lt:#D06A2C;      /* the blaze as it is painted */
  --steel:#8E9497; --steel-lt:#C9CDCF; --steel-dk:#4A5054;   /* the brushed metal of his logo's letters */
  --serif:"EB Garamond","EB Garamond Fallback",Georgia,serif;   /* 10/2 luxury pass: the field-guide serif, with a real italic for the voice */
  --cond:"Saira Extra Condensed","Saira Extra Condensed Fallback","Arial Narrow",Arial,sans-serif;   /* his logo's tall metal letters: the wordmark, labels and the stamped tags */
  --sans:"Barlow","Barlow Fallback",Arial,sans-serif;
  --btn-r:0px;
  --display:clamp(3rem,7vw,7.6rem);
  --wrap:1240px;
  --nav-h:100px;
}