/*
  BRAND TOKENS — Brick Alley Café, 25 Essex Street East, Temple Bar.

  Derived by palette.mjs on 2026-09-12 from the two National Inventory of
  Architectural Heritage survey photographs of the building, kept and documented
  at ../../../assets/reference/. The shop has NO owner-attributed photograph on
  its Google listing (0 of 10) and no reachable logo, so those two images are the
  only real record of the shopfront's colours. They are colour reference only and
  are never published.
*/
/* palette-source: sampled */
:root {
  /* Colour */
  --color-primary: #211414;        /* the dark trim and the chalkboards on the shopfront: 13.9% of the fascia photo, the darkest saturated colour with real presence */
  --color-on-primary: #f8f2f2;     /* text on primary — 16.15:1 */
  --color-accent: #93432f;         /* the red brick the shop is named after. Hue sampled from the brickwork photo (#70463c, h12, 13.8% of that image); saturation and lightness raised to s52 l38 so it works as a button and as link text. See Brand in company-profile.md */
  --color-on-accent: #ffffff;      /* text on accent — 6.81:1 */
  --color-bg: #f8f2f2;             /* the painted fascia, as the primary hue at s30 l96 */
  --color-surface: #fdfcfc;        /* cards, menu panels */
  --color-ink: #231a1a;            /* body text — 15.33:1 on bg */
  --color-muted: #766061;          /* secondary text — 5.22:1 on bg */
  --color-border: #e7dada;         /* hairlines */

  /* Type — set the Google Fonts import in fonts.css to match.
     Zilla Slab for the painted slab-serif capitals on the fascia board;
     Inter for body, because the menu and hours tables are read on a phone. */
  --font-display: "Zilla Slab", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display-weight: 600;
  --display-tracking: 0.005em;
  --display-transform: none;

  /* Shape and texture — nothing is rounded on a printed card. */
  --radius: 0px;
  --radius-sm: 0px;
  --hero-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.55));
  --shadow: none;
}