/* palette-source: sampled — from the bakery's own photo (photo-01-listing.jpg, fresh
   baguettes on a floured tray) via palette.mjs, then hand-adjusted: the sampled hue
   (23°, plain coffee-brown) sits within 20° of an existing client on every archetype
   in the current portfolio, so it was rotated to 60° (same saturation and lightness —
   a deeper, toastier crust tone from the same photograph) to read as a distinct site.
   See company-profile.md → Decisions. Written by hand on 2026-09-26 */
:root {
  /* Colour */
  --color-primary: #38381e;        /* main brand colour: headings, header, footer */
  --color-on-primary: #f8f8f2;     /* text on primary */
  --color-accent: #b2572a;         /* buttons, links, highlights (terracotta: no second brand colour in the photos) */
  --color-on-accent: #ffffff;      /* text on accent */
  --color-bg: #f8f8f2;             /* page background */
  --color-surface: #fdfdfc;        /* cards, menu panels */
  --color-ink: #23231a;            /* body text */
  --color-muted: #70705c;          /* secondary text */
  --color-border: #e7e7da;         /* hairlines */

  /* Type — set the Google Fonts import in fonts.css to match */
  --font-display: "EB Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Karla", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.005em;
  --display-transform: none;

  /* Shape and texture */
  --radius: 2px;                   /* an old shop, a printed card: square, not soft */
  --radius-sm: 2px;
  --hero-overlay: linear-gradient(180deg, rgba(24, 22, 12, 0.35), rgba(24, 22, 12, 0.62));
  --shadow: 0 10px 30px rgba(35, 35, 26, 0.08);
}