/* palette-source: monochrome_logo — chosen to match the shop's own black-and-white "CDJ"
   damask monogram (assets/logo.jpg), which carries no colour of its own, and the
   café's name and Google's own description ("its walls lined with books and
   prints"). Not sampled from a shopfront or interior photo: none exists (see
   company-profile.md → Assets/Gaps). palette.mjs was run on the logo and returned
   only its own generic café fallback (coffee brown/terracotta), which is not this
   shop's colour and was not used. Instead: near-black ink for the monogram, a warm
   newsprint-paper background, and one oxblood-red accent, the colour of a masthead
   rule or a librarian's stamp. The primary is a true neutral grey-black (equal red,
   green and blue), not a warm brown, on purpose: variety-check.mjs flagged an earlier
   pass of this file as too close in hue to another recent letterpress client and to
   amber-dolier-street's own Newsreader-set palette, and a true neutral has no hue to
   collide with, which also happens to be the more honest read of a black-and-white
   monogram. Contrast verified by hand: accent as link text on bg 8.24:1, white on
   accent 9.55:1, primary on bg 15.48:1, muted on bg 4.77:1, on-primary on primary
   16.32:1, ink on bg 14.18:1 — all PASS (≥4.5:1 required). 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.
*/
:root {
  /* Colour */
  --color-primary: #171717;        /* true neutral ink, matching the monogram: headings, header, footer */
  --color-on-primary: #f8f4ea;     /* warm paper white: text on primary */
  --color-accent: #7a2b25;         /* oxblood red: buttons, links, highlights */
  --color-on-accent: #ffffff;      /* text on accent */
  --color-bg: #f3eee1;             /* warm newsprint-paper background */
  --color-surface: #f9f6ee;        /* cards, menu panels: one step lighter than bg */
  --color-ink: #221f19;            /* body text */
  --color-muted: #6f6858;          /* secondary text */
  --color-border: #e2d9c6;         /* hairlines */

  /* Type — a newspaper serif for the masthead, a plain sans for body text */
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display-weight: 500;
  --display-tracking: -0.005em;
  --display-transform: none;       /* uppercase for shouty brands, none otherwise */

  /* Shape and texture */
  --radius: 0px;                   /* square: an old shop, a printed menu */
  --radius-sm: 0px;
  --hero-overlay: linear-gradient(180deg, rgba(10, 8, 6, 0.45), rgba(10, 8, 6, 0.62));
  --shadow: 0 10px 30px rgba(23, 21, 18, 0.1);
}