/*
  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.
*/
/* palette-source: archetype (green-natural), hand-adjusted — see company-profile.md Brand */
:root {
  /* Colour */
  --color-primary: #244229;        /* deep green, the fascia band colour named in the profile — hue nudged forest-ward from the archetype default so it doesn't sit on the same spot on the colour wheel as two other counter-archetype clients */
  --color-on-primary: #f2f8f3;     /* text on primary */
  --color-accent: #866313;         /* mustard-gold, hand-picked to echo the cream/ivory lettering and mascot badge, not the archetype's default terracotta */
  --color-on-accent: #ffffff;      /* text on accent */
  --color-bg: #f2f8f3;             /* page background */
  --color-surface: #fcfdfc;        /* cards, menu panels */
  --color-ink: #1a231c;            /* body text */
  --color-muted: #607664;          /* secondary text */
  --color-border: #dae7dc;         /* hairlines */

  /* Type — set the Google Fonts import in fonts.css to match */
  --font-display: "Anton", "Arial Narrow", Impact, sans-serif;
  --font-body: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display-weight: 400;
  --display-tracking: 0.01em;
  --display-transform: uppercase;  /* the sign itself is bold block capitals */

  /* Shape and texture */
  --radius: 0;                     /* square, sharp — a plain painted-sign shop, not a soft one */
  --radius-sm: 0;
  --hero-overlay: linear-gradient(180deg, rgba(13, 22, 15, 0.3), rgba(13, 22, 15, 0.7));
  --shadow: 0 10px 30px rgba(18, 28, 20, 0.1);
}