/*
  BRAND TOKENS. Provenance: these colours were chosen by the builder, not
  sampled from a brand sheet. Primary is a plum-black (#2a1a2e) picked to stay
  distinct from other recent builds; accent is a darkened version of the
  shopfront red seen in the shop's photos (about #c8272c, darkened for AA
  contrast). Type: Urbanist + DM Sans, chosen to sit near the sign's geometric
  lettering. Design-system run recorded in company-profile.md.
*/
:root {
  /* Colour */
  --color-primary: #2a1a2e;        /* main brand colour: headings, header, footer */
  --color-on-primary: #faf8fa;     /* text on primary */
  --color-accent: #c0222a;         /* buttons, links, highlights */
  --color-on-accent: #ffffff;      /* text on accent */
  --color-bg: #faf8fa;             /* page background */
  --color-surface: #ffffff;        /* cards, menu panels */
  --color-ink: #2a1a2e;            /* body text */
  --color-muted: #665d68;          /* secondary text */
  --color-border: #e8e2e9;         /* hairlines */

  /* Type — set the Google Fonts import in fonts.css to match */
  --font-display: "Urbanist", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display-weight: 500;
  --display-tracking: 0.01em;
  --display-transform: none;       /* uppercase for shouty brands, none otherwise */

  /* Shape and texture */
  --radius: 0px;                  /* 0 for sharp brands, 999px for pill brands */
  --radius-sm: 0px;
  --hero-overlay: linear-gradient(180deg, rgba(20, 12, 6, 0.25), rgba(20, 12, 6, 0.65));
  --shadow: 0 10px 30px rgba(33, 27, 22, 0.08);
}