/* palette-source: sampled, primary overridden — see company-profile.md Brand */
/*
  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.mjs's raw pick for primary (#181214) is a dusk shadow artefact under
  the awning's own spotlights, not a colour anyone would name looking at the
  shopfront. Overridden here with the awning's own terracotta valance
  (sampled directly from owner-01.jpg, deepened to l24 for heading contrast);
  accent kept as palette.mjs's own pick, the navy "MONTO" table nameplates.
*/
:root {
  /* Colour */
  --color-primary: #5e261d;        /* the awning valance terracotta, sampled from owner-01.jpg and deepened: headings, header, footer */
  --color-on-primary: #f8f3f2;     /* text on primary */
  --color-accent: #244971;         /* the navy "MONTO" table nameplates, as sampled: buttons, links, highlights */
  --color-on-accent: #ffffff;      /* text on accent */
  --color-bg: #f8f3f2;             /* page background — the terracotta hue at S30 L96 */
  --color-surface: #fdfcfc;        /* cards, menu panels */
  --color-ink: #231b1a;            /* body text */
  --color-muted: #766360;          /* secondary text */
  --color-border: #e7dcda;         /* hairlines */

  /* Type — set the Google Fonts import in fonts.css to match */
  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-body: "Karla", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display-weight: 600;
  --display-tracking: 0.01em;
  --display-transform: uppercase;  /* the awning and table nameplates are both all-caps */

  /* Shape and texture */
  --radius: 4px;                   /* square, plain-shopfront feel */
  --radius-sm: 3px;
  --hero-overlay: linear-gradient(180deg, rgba(30, 12, 8, 0.2), rgba(30, 12, 8, 0.68));
  --shadow: 0 10px 30px rgba(35, 27, 26, 0.1);
}