/* ══════════════════════════════════════════════════════════════════════════════
   PALETTE — Delmarva Trophy Studio                              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-11-03): 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:"Alegreya","Alegreya Fallback",Arial,sans-serif;
  --sans:"Alegreya Sans","Alegreya Sans 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 */
}

/* from site.css: this business */
:root{
  --accent:#8F1913;--accent-lt:#A3140F;--accent-2:#3F6B3A;--accent-txt:#8F1913;--mark:#F2AE00;
  --ink:#1E1A17;--ink-2:#3D3530;--ink-3:#5A4F47;--paper:#F8F4EC;--paper-2:#FFFCF6;--line:#E3D9C9;--body:#3D3530;--muted:#655B52;
  --sky:#DCEBF4;--sky-2:#EEF5F7;--field:#DDE3C4;--field-2:#CFD8AE;--ply:#E9D6AE;--ply-2:#DFC795;--gold:#F2AE00;
  --chat-ink:#1E1A17;--chat-accent:#8F1913;--chat-dot-a:#F2AE00;--chat-dot-b:#8F1913;--btn-r:3px;
  --sf-ply:repeating-linear-gradient(92deg,rgba(150,105,50,.07) 0 2px,transparent 2px 9px,rgba(150,105,50,.04) 9px 11px,transparent 11px 31px),linear-gradient(180deg,#F1E2C2,#EBD8B2);
  --sf-field:repeating-linear-gradient(177deg,rgba(90,110,50,.07) 0 2px,transparent 2px 11px),linear-gradient(180deg,#E6EACF,#DDE3C4);
  --sf-sky:linear-gradient(180deg,#D6E8F3 0%,#E8F2F5 62%,#F4F4E8 100%);
}