/* palette-source: sampled from the shop's own owner-attributed Google photos
   (owner-01 shopfront/signage, owner-02 panino, owner-03 gnocchi-making) via
   scripts/palette.mjs, --brand on owner-01, with one override. The tool's own
   primary pick, #12191f, is the deep shadow inside the shop, not paint
   (navy-tinted, h207); overridden to a warm dark ink instead. Accent kept
   exactly as sampled, #366d57 — the hand-painted green on the window frame
   and sandwich-board lettering, the loudest true brand colour on any of the
   three photos.
   The first override attempt (a warm charcoal-brown at the interior wood
   tone's own hue, ~h22) collided in variety-check.mjs with two other
   Cupanstudio builds that already pair a near-identical brown ink with the
   same display face, Fraunces (coffee-at-the-edge, ernestos-coffee), and with
   a third letterpress build at a nearby hue (wickwood-roasters) — three
   Dublin food sites would have read as one template. Nudged along the same
   dark, low-saturation family to a wine-toned ink, #381e27 (h340 s30 l17):
   still "a warm dark ink, not the shadow", still sampled from the same tonal
   register as the interior wood and the brick reflected in the window, just
   turned enough to read as this shop's own rather than the third build with
   the same recipe. Background, ink, muted and border recomputed from the new
   primary hue with the same formula the tool uses (bg = hue s30 l96, ink =
   hue s15 l12, muted = hue s10 l42, border = bg hue s22 l88). All contrast
   pairs re-checked and PASS — see company-profile.md, Brand. */
/*
  BRAND TOKENS — the only stylesheet the builder edits for colour and type.
  Everything in base.css reads from these variables. Keep every value here
  traceable to the shop's own branding (logo, shopfront, Instagram grid) or to
  the design-system run recorded in company-profile.md.
*/
:root {
  /* Colour */
  --color-primary: #381e27;        /* main brand colour: headings, header, footer — warm dark ink, not the shadow the tool first picked */
  --color-on-primary: #f8f2f4;     /* text on primary */
  --color-accent: #366d57;         /* buttons, links, highlights — the shopfront's hand-painted green */
  --color-on-accent: #ffffff;      /* text on accent */
  --color-bg: #f8f2f4;             /* page background, primary hue at s30 l96 */
  --color-surface: #fdfcfc;        /* cards, menu panels */
  --color-ink: #231a1d;            /* body text */
  --color-muted: #766068;          /* secondary text */
  --color-border: #e7dade;         /* hairlines */

  /* Type — hand-painted, slightly uneven capitals on wood-board signs and a
     blackboard: a soft, warm serif rather than a formal one. */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.01em;
  --display-transform: none;       /* uppercase for shouty brands, none otherwise */

  /* Shape and texture */
  --radius: 4px;                   /* old-shop, printed-card feel; the archetype squares most components off explicitly */
  --radius-sm: 2px;
  --hero-overlay: linear-gradient(180deg, rgba(24, 12, 17, 0.32), rgba(24, 12, 17, 0.68));
  --shadow: 0 10px 30px rgba(35, 26, 29, 0.1);
}