/* ─────────────────────────────────────────────────────────────
   Kiln & Alder — brand tokens
   Everything you need to rebrand this template lives in here.
   Loaded by index.html, shop.html, product.html and about.html
   BEFORE their inline <style>, so these values win by cascade order
   only where the template references var(--…).
   ───────────────────────────────────────────────────────────── */
:root{
  /* ── Core palette ───────────────────────────────────────── */
  --espresso:#1E1512;        /* darkest ink — body text, dark sections, header */
  --espresso-2:#2B1E19;      /* second dark — mobile drawer, visit band       */
  --cream:#EFE3D0;           /* page background + text on dark                */
  --cream-2:#F7EFE2;         /* lighter surface — alternating sections, cards */
  --kraft:#D9C3A0;           /* kraft paper tone — bag-label reference        */
  --ember:#C46A35;           /* THE accent — CTAs, eyebrows, ticker, prices   */
  --ember-lit:#E07B3C;       /* accent on dark backgrounds (AA on espresso)   */
  --ember-ink:#9A4818;         /* accent as TEXT on cream / light grounds (AA) */
  --oak:#4E2F19;             /* mid brown — sub-labels, medium roast bars     */

  /* ── Derived tints (soft text + hairlines) ──────────────── */
  --ink-soft:rgba(30,21,18,.66);      /* muted body copy on light  */
  --cream-soft:rgba(239,227,208,.62); /* muted body copy on dark   */
  --ink-label:rgba(30,21,18,.75);     /* bag-plate labels on kraft stocks (≥4.8:1 on --bag-dark) */
  --rule:rgba(30,21,18,.16);          /* hairline on light         */
  --rule-dark:rgba(239,227,208,.18);  /* hairline on dark          */

  /* ── Coffee-bag label variants (the signature card) ─────── */
  --bag-light:#E7D8BC;       /* light roast bag stock  */
  --bag-med:#DCC7A4;         /* medium roast bag stock */
  --bag-dark:#C4A87F;        /* dark roast bag stock   */
  --bag-decaf:#D2BCA6;       /* decaf bag stock        */

  /* ── Type ───────────────────────────────────────────────── */
  --serif:'Bodoni Moda',Georgia,serif;      /* display: headings, prices */
  --sans:'Karla',system-ui,sans-serif;      /* body + UI                 */
  --mono:'Space Mono',ui-monospace,monospace;/* labels, specs, ratios    */

  /* ── Layout ─────────────────────────────────────────────── */
  --wrap:1200px;                     /* max content width          */
  --pad:clamp(20px,5vw,64px);        /* stepped page gutter        */
  --radius:3px;                      /* base corner radius         */
}