/* palette-source: sampled from the shop's own Google Maps photos (kiosk exterior,
   branded bike, outdoor terrace) — see company-profile.md → Brand. Primary hand-
   overridden to a true neutral (equal RGB, no hue) to lean into the logo's own
   strict monochrome badge ("THE 33 · SKERRIES" in white on black); the sampled
   #0d1015 is kept as --color-ink's near-neutral base instead. Accent #966434 is
   palette.mjs's own pick, unchanged: the warm caramel of the coffee and cake in
   owner-02-shopfront-cup-cake.jpg. Background re-derived at the accent's hue
   (h29) rather than the primary's, since the primary now carries no hue of its
   own. All contrast pairs re-checked by hand, see Brand in company-profile.md. */
:root {
  /* Colour */
  --color-primary: #121212;        /* true neutral near-black: the logo's own monochrome badge */
  --color-on-primary: #f5f4f2;     /* text on primary */
  --color-accent: #966434;         /* buttons, links, highlights — the coffee/cake caramel from the shop's own photos */
  --color-on-accent: #ffffff;      /* text on accent */
  --color-bg: #f8f5f2;             /* page background — accent hue at S30 L96, a warm off-white */
  --color-surface: #fdfcfc;        /* cards, menu panels */
  --color-ink: #231e1a;            /* body text */
  --color-muted: #766b60;          /* secondary text */
  --color-border: #e7e0da;         /* hairlines */

  /* Type — set the Google Fonts import in fonts.css to match */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.01em;
  --display-transform: none;

  /* Shape and texture */
  --radius: 0px;                   /* square: the kiosk's own hatch, chalkboards and stamped badge are all hard-edged */
  --radius-sm: 0px;
  --hero-overlay: linear-gradient(90deg, rgba(0,0,0,0.78), rgba(0,0,0,0.55) 45%, rgba(0,0,0,0.2));
  --shadow: 0 10px 30px rgba(18, 18, 18, 0.1);
}