/* Heffernan's Hemp — "Shop" design system (Design 1, chosen by Ben 2026-09-23).
   Dark bottle green, gold for headings and prices, ivory for text, one typeface
   (Schibsted Grotesk). Every page type draws from these tokens; content fragments
   keep their existing class names (.prose .note .tw .data .lcard …) and are styled
   here, so no body copy had to change to take the new look. */

:root{
  --g0:#07170f; --g1:#0d261a; --g2:#123021; --g3:#183b2a; --glow:#2b5f45;
  --line:rgba(231,212,160,.13); --line2:rgba(231,212,160,.24);
  --ivory:#efe8d6; --text:rgba(239,232,214,.9); --mute:#a2ae9b;
  --gold:#d6b366; --gold2:#ecd28f; --gold3:#a7843a;
  --ok:#a9d59e; --warn:#e7b76a;
  --r:6px; --wrap:1320px; --pad:32px; --measure:720px;
  --font:"Schibsted Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:150px}
body{background:var(--g1);color:var(--ivory);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hh{fill:currentColor}
:focus-visible{outline:2px solid var(--gold2);outline-offset:3px;border-radius:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;background:var(--gold);color:var(--g0);font-weight:700;border-radius:var(--r)}
.skip:focus{top:12px}
.serif{font-family:var(--font);font-weight:800;letter-spacing:-.03em;color:var(--gold)}
.eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--mute)}
.lead{font-size:19px;line-height:1.5;color:var(--ivory)}
.mute{color:var(--mute)}

/* ---------- buttons & links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:var(--r);font-weight:700;font-size:15px;letter-spacing:.01em;transition:background .15s,color .15s,border-color .15s;text-align:center}
.btn-gold{background:var(--gold);color:var(--g0)}
.btn-gold:hover{background:var(--gold2)}
.btn-ghost,.btn-line{border:1px solid var(--line2);color:var(--ivory)}
.btn-ghost:hover,.btn-line:hover{border-color:var(--gold);color:var(--gold2)}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--gold)}
.link:hover{color:var(--gold2)}
.link .i{width:18px;height:18px}
.add{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r);background:var(--gold);color:var(--g0);font-weight:700;font-size:14px;transition:background .15s}
.add:hover{background:var(--gold2)}
.add .i{width:16px;height:16px;stroke-width:2.2}