/* Fasnet Cinema — design tokens (ui_ux_spec §2, red eyedropped from the
   logo and locked in the approved Claude Design canvas).
   Usage rules: red is an accent, never a surface; red TEXT uses --red-deep;
   gold has exactly two jobs — Today markers and price tags. */
:root{
  --bg:#FFFFFF;             /* page background */
  --surface:#F7F5F0;        /* cards, alternate stripes */
  --ink:#111111;            /* body text; header/footer bands */
  --body:#333333;           /* long-form prose */
  --muted:#6E6A64;          /* meta text, captions */
  --line:#E3DED4;           /* borders, dividers */
  --red:#F40000;            /* accent fills, big display, active nav */
  --red-deep:#A80D00;       /* red hovers; any red text (contrast-safe) */
  --gold:#E5A93D;           /* ONLY: Today markers + price tags */
  --on-gold:#3F2D08;        /* text on gold fills */
  --tint:#EFE9DD;           /* secondary text on black bands; week-index band */

  --font-display:"Bebas Neue","Arial Narrow",sans-serif;
  --font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  --radius-btn:3px;
  --radius-stub:4px;

  --head-h:52px;            /* header band height (JS shrinks on scroll) */
  --stub-notch:#fff;        /* ticket-stub notch = the surface behind it */
}
@media (min-width:720px){
  :root{--head-h:76px}
}