/*
  BRAND TOKENS — Bean & Gone (fictional dry-run client).
  Palette: navy from the (imagined) painted joinery, red from the cup lids, cool
  off-white. Derived with scripts/palette.mjs (references/design.md, worked example).
  Type: Bebas Neue (condensed capitals, the painted sign) + Work Sans body.
  Deliberately unlike Cupán Studio's own light geometric sans on cream, so the demo
  reads as a different company on the Work page.
*/
:root {
  --color-primary: #1e2f4a;
  --color-on-primary: #f2f4f8;
  --color-accent: #d42b25;
  --color-on-accent: #ffffff;
  --color-bg: #eef1f6;
  --color-surface: #ffffff;
  --color-ink: #1a1d23;
  --color-muted: #606876;
  --color-border: #d3d9e3;

  --font-display: "Bebas Neue", "Oswald", Impact, "Arial Narrow", sans-serif;
  --font-body: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display-weight: 400;
  --display-tracking: 0.04em;
  --display-transform: uppercase;

  --radius: 3px;
  --radius-sm: 2px;
  --hero-overlay: linear-gradient(180deg, rgba(14, 22, 38, 0.15), rgba(14, 22, 38, 0.78));
  --shadow: 0 8px 24px rgba(30, 47, 74, 0.12);
}