/* ============================================================
   DESTINATION NEXT STEP — theme: Pantry Path — zine / thick-rule  [ref: Oatly]
   Loads LAST.
   COLOUR METHOD: each token keeps its ORIGINAL RELATIVE LUMINANCE
   (binary-searched to 4 decimal places) while hue and saturation
   are replaced. Relative luminance is exactly what WCAG contrast
   is computed from — so the palette is completely new and every
   contrast ratio on the site is mathematically unchanged.
   The chapters look unrelated because of TYPE, RADIUS and BORDER
   language, not because of risky colour guesses.
   ============================================================ */
:root{
  --forest:#065021;
  --forest-2:#0B672D;
  --green:#0AA643;
  --green-dk:#048C36;
  --apricot:#FC9E82;
  --apricot-dk:#FB7A53;
  --cream:#FFF6F3;
  --cream-2:#FDEAE5;
  --tomato:#049A3B;
  --ink:#1B3324;
  --ink-soft:#5F6B63;
  --line:#F4D6CE;
  --white:#FFFFFF;
  --ok:#048C36;
  --radius:5px; --radius-sm:4px;
  --head:'Bricolage Grotesque',system-ui,sans-serif; --body:'DM Sans',system-ui,sans-serif; --font:'DM Sans',system-ui,sans-serif;
  --pv-accent:#0AA643; --pv-accent-dk:#0AA643; --pv-deep:#1B3324;

  --k-accent:#0AA643; --k-accent-2:#1B3324;
  --k-display:'Bricolage Grotesque',system-ui,sans-serif; --k-body:'DM Sans',system-ui,sans-serif;
  --k-radius:4px; --k-radius-lg:5px;
  --k-display-weight:800; --k-display-track:-.03em; --k-grain:.24;
}
body{font-family:var(--body) !important}
.cat,.res-card,.step,.door,.k-tile{border-radius:5px!important;border:3px solid var(--ink)}
.cat:hover,.res-card:hover,.door:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--green)}
h1,h2,h3,.brand{font-family:'Bricolage Grotesque',sans-serif !important;font-weight:800}