/*
  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-source: sampled (overridden) — primary re-picked from the vintage blue-and-white
   floral cup in assets/google/owner-05.jpg rather than the tool's automatic near-black
   coffee-brown pick from owner-02.jpg, then nudged from that photo's sampled ~h215 to
   h265 (still the same dark, low-saturation blue-violet a viewer would just call "navy")
   because proving-room-bakery already sits at h216 on this same "market" archetype;
   see company-profile.md Brand/Decisions. */
:root {
  /* Colour */
  --color-primary: #272031;        /* deep vintage-china blue-violet, sampled hue nudged off proving-room-bakery's — see palette-source note above */
  --color-on-primary: #f4f2f8;     /* text on primary */
  --color-accent: #a14718;         /* rust/caramel, sampled from the banana bread photo (owner-02.jpg) */
  --color-on-accent: #ffffff;      /* text on accent */
  --color-bg: #f4f2f8;             /* page background: primary hue at S30 L96 */
  --color-surface: #fcfcfd;        /* cards, menu panels */
  --color-ink: #1e1a23;            /* body text */
  --color-muted: #696076;          /* secondary text */
  --color-border: #dfdae7;         /* hairlines */

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

  /* Shape and texture */
  --radius: 14px;                  /* 0 for sharp brands, 999px for pill brands */
  --radius-sm: 8px;
  --hero-overlay: linear-gradient(180deg, rgba(39, 32, 49, 0.25), rgba(39, 32, 49, 0.65));
  --shadow: 0 10px 30px rgba(30, 26, 35, 0.1);
}