/* palette-source: archetype — no logo, no owner-attributed photo and no fetchable
   Instagram/Facebook exists for Fia (see company-profile.md, Assets/Gaps: Google's
   10 listing photos are all customer uploads, both social platforms blocked every
   fetch). palette.mjs's fixed presets would collide: warm-classic (#3e2b1e) is
   ernestos-coffee's exact primary and proving-room-bakery's near-black; green-natural
   (#2c3f36) is cathedral-cafe's; so this is a hand-derived hue built the same way the
   tool derives one (dark saturated primary, accent 25°+ away, bg = primary hue s30
   l96, neutrals tinted to the same hue), landing in a gap on the colour wheel no other
   client occupies. The hue itself comes from the shop's own history, not a guess: the
   only room description on file (Rathgar-era, #5/#6 in the profile) is "wooden
   tables, natural light, copper accents" — a mossy olive-brown for the timber and
   natural light, copper itself for the accent. Every pairing below checked against
   WCAG (see company-profile.md, Brand, for the printed ratios; all PASS). */
/*
  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 — h72 mossy olive-brown (wooden tables, natural light) at heading weight;
     h25 copper accent (the "copper accents" on file), 47° round the wheel from it. */
  --color-primary: #353c1b;        /* main brand colour: headings, header, footer */
  --color-on-primary: #f7f8f2;     /* text on primary */
  --color-accent: #a15c2b;         /* buttons, links, highlights */
  --color-on-accent: #ffffff;      /* text on accent */
  --color-bg: #f7f8f2;             /* page background */
  --color-surface: #fdfdfc;        /* cards, menu panels */
  --color-ink: #21231a;            /* body text */
  --color-muted: #696d5a;          /* secondary text */
  --color-border: #e4e7da;         /* hairlines */

  /* Type — an editorial serif for a quiet, considered room with no photograph to
     lean on, paired with a plain grotesque so the words carry the brand. */
  --font-display: "Spectral", Georgia, "Times New Roman", serif;
  --font-body: "Karla", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display-weight: 500;
  --display-tracking: -0.005em;
  --display-transform: none;       /* the shop has no signage on file to echo */

  /* Shape and texture */
  --radius: 10px;                  /* soft but not playful: a wooden table, not a pill */
  --radius-sm: 6px;
  --hero-overlay: linear-gradient(180deg, rgba(53, 60, 27, 0.3), rgba(53, 60, 27, 0.64));
  --shadow: 0 10px 30px rgba(33, 35, 26, 0.08);
}