/*
  Matcha House design kit v0.2 — shared tokens for any page using this look
  (paper/sage, one counter-blue accent, flat: no fills, no shadows, no rounding).
  Manual + official color/font values: docs/store-page-matcha-house-2026-09-16/design-kit/
  (tokens.css there is the source of truth — check it before changing a value here).

  Scope: only the pieces that come out byte-identical across every page that has
  applied this kit live here (the --mh-* tokens, dark-mode overrides, and a
  handful of trivially-shared base rules). Font sizes, spacing and section
  layout are tuned per page and stay in each page's own <style> — on inspection
  they were never actually duplicated, just visually similar; forcing them into
  one shared scale would change how the existing pages look.
*/
main{
  --mh-paper:#F3EFE4; --mh-bone:#FAF6EC; --mh-oat:#E4DCC6; --mh-ink:#2A2820; --mh-sage:#93A87A; --mh-sage-deep:#4F5C44; --mh-sage-soft:#BFCBA9; --mh-blue:#9FC5E8;
  --mh-bg:var(--mh-paper); --mh-card:var(--mh-bone); --mh-text:var(--mh-ink); --mh-head:var(--mh-sage-deep); --mh-soft:rgba(42,40,32,.66); --mh-faint:rgba(42,40,32,.5);
  --mh-line:rgba(42,40,32,.14); --mh-line-2:rgba(42,40,32,.3); --mh-accent:var(--mh-blue); --mh-accent-ink:#5E86A8;
  --mh-wordmark:"Old Standard TT","IM Fell English",Georgia,serif; --mh-typewriter:"Special Elite","Courier New",monospace;
  --mh-caps:"Jost","Josefin Sans",sans-serif; --mh-mono:"DM Mono",ui-monospace,monospace; --mh-body:"DM Sans","Inter",system-ui,sans-serif;
  background:var(--mh-bg); color:var(--mh-text); font-family:var(--mh-body); font-weight:400; font-size:15.5px; line-height:1.6;
  border-top:3px solid var(--mh-accent);   /* the counter */
}
:root[data-theme="dark"] main{--mh-bg:var(--mh-ink);--mh-card:#35322A;--mh-text:var(--mh-bone);--mh-head:var(--mh-sage-soft);--mh-soft:rgba(250,246,236,.7);--mh-faint:rgba(250,246,236,.5);--mh-line:rgba(250,246,236,.16);--mh-line-2:rgba(250,246,236,.34);--mh-accent-ink:var(--mh-blue)}
main img{display:block;width:100%;height:auto}
main figure{margin:0}
.ic{width:18px;height:18px;flex:none;fill:none;stroke:var(--mh-faint);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}