/* ---------------------------------------------------------------------
   The Rock's skin for the shared beerboard (rockbarcafe.com/beerboard).

   Same page and feed code as the Boar's board (deploy/boar/board); the
   Rock's compose mounts this folder at /app/theme and board-dev.js
   links this file after the page's own styles, so these tokens win.
   Only tokens change — layout, sizing and the cask wall are the Boar's.

   Palette from the Rock's own assets, matching deploy/rock/site:
   near-black (a TV in a bar) with the Rock's sunshine yellow. Cask wears the yellow (it is the
   reason people come); keg takes the white of the standing-stone logo,
   so the two dispense types never read as the same thing across a room.
   --------------------------------------------------------------------- */
@font-face {
  font-family: 'Handel Gothic';
  src: url('../theme-fonts/handel-gothic.ttf?v=2') format('truetype');
  font-weight: 400;
  font-display: swap;
}

:root {
  --boar:      #f9d953;
  --boar-lift: #fcc013;
  --paper:     #f2f2f4;

  --bg:        #0b0b0d;
  --panel:     #141418;
  --panel-2:   #1c1c22;
  --rule:      #2a2a32;
  --ink-dim:   #a4a4ae;

  --cask:      #f9d953;
  --cask-text: #f9d953;
  --keg:       #f2f2f4;

  --display: 'Handel Gothic', 'Futura', 'Avenir Next', system-ui, sans-serif;
}

/* The ticker's colours are literals on the Boar's page, not tokens, so
   they are restated here. Same hierarchy: standing notices calm, the two
   kinds that are news (an event, something selling now) bright.
     notice  white on dark bronze      ~12:1
     event   near-black on the logo's white
     live    unchanged — the Boar's amber already suits the Rock */
#ticker                     { background: #3a2c10; color: #f2f2f4; }
#ticker[data-kind="notice"] { background: #3a2c10; color: #f2f2f4; }
#ticker[data-kind="event"]  { background: #f2f2f4; color: #0b0b0d; }