/* ══════════════════════════════════════════════════════════════════════════════
   PALETTE — Handformed Hotrods                              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 07-auto-chauffeur recipe (2026-10-05): the starting points, each to be re-sourced from THEIR fixtures ── */
:root{
  --paper:#F7F3EA;
  --btn-r:100px;          /* pill camp on the measured sites */
  --display:clamp(2.6rem,5.6vw,5.8rem);
  --serif:"Archivo","Archivo Fallback",Arial,sans-serif;
  --sans:"Inter","Inter 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 */
}

/* ── Handformed Hotrods (2026-10-05): every colour read off their own photographs and mark ── */
:root{
  --paper:#EEEEEA;         /* SOURCE: bare sheet steel under the shop lights (the 1968 fastback in bare metal)        */
  --paper-2:#F8F8F5;       /* the white border of a photographic print; never #FFF                                  */
  --stone:#E2E1DB;         /* the same steel, in shade                                                              */
  --line:#CDCBC3;
  --ink:#17181A;           /* SOURCE: the black of the Handformed Hotrods mark                                      */
  --ink-2:#26272A; --ink-3:#3B3C40;
  --body:#222326;          /* 13.9:1 on paper */
  --muted:#494A4F;         /* 7.6:1 on paper  */

  --accent:#5C4D05;        /* SOURCE: the yellow primer on their Camaro, deepened for type (7.0:1 on paper)         */
  --accent-lt:#EBD15A;     /* the primer as sprayed: button fills, the highlighter rule, stage stamps               */
  --accent-2:#A14A33;      /* SOURCE: the red oxide primer on the fastback cowl                                     */
  --accent-txt:#5C4D05;
  --mark:#17181A;

  /* kit literals (tint) */
  --ground:#17181A; --panel:#222326; --panel-2:#2E2F33;
  --lume:#EBD15A; --lume-hot:#F3DD77; --lume-2:#A14A33;
  --txt:rgba(248,248,245,.94); --txt-2:rgba(248,248,245,.8);
  --edge:rgba(23,24,26,.14); --edge-hot:rgba(23,24,26,.36); --hair:rgba(23,24,26,.16);
  --glow-a:rgba(235,209,90,.16); --glow-b:rgba(161,74,51,.1);

  /* type: a condensed face with a true italic, the lettering of a dry-lake number panel; Barlow to read */
  --serif:"Barlow Condensed","Barlow Condensed Fallback",Arial,sans-serif;
  --display:"Barlow Condensed","Barlow Condensed Fallback",Arial,sans-serif;
  --sans:"Barlow","Barlow Fallback",Arial,sans-serif;
  --cond:"Barlow Condensed","Barlow Condensed Fallback",Arial,sans-serif;

  --wrap:1200px;
  --btn-r:8px;
  --display-size:clamp(3rem,6.4vw,7rem);
}