/*
  BRAND TOKENS — palette-source: chosen by hand from the shopfront (read by eye, not output by palette.mjs): neutral near-black for the primary, a darkened copper-gold from the fascia lettering for the accent, shopfront navy as the ink colour.
*/
:root {
  --color-primary: #2b2b2b;
  --color-on-primary: #f8f4ef;
  --color-accent: #96591b;
  --color-on-accent: #ffffff;
  --color-bg: #f8f4ef;
  --color-surface: #fdfcfa;
  --color-ink: #1b2233;
  --color-muted: #6a5f55;
  --color-border: #e6dcd0;

  --font-display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --font-body: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display-weight: 600;
  --display-tracking: 0.01em;
  --display-transform: uppercase;

  --radius: 10px;
  --radius-sm: 6px;
  --hero-overlay: linear-gradient(180deg, rgba(30, 24, 20, 0.35), rgba(30, 24, 20, 0.75));
  --shadow: 0 10px 30px rgba(28, 36, 56, 0.1);
}