/* CBB brand base: self-hosted fonts (no Google dependency, so the TV works even if a font CDN hiccups) */
@font-face { font-family: "CBB Stencil"; src: url("/fonts/bss-900.woff2") format("woff2"); font-weight: 900; font-display: swap; }
@font-face { font-family: "Stardos Stencil"; src: url("/fonts/stardos-bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Big Shoulders"; src: url("/fonts/bigshoulders-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Outfit"; src: url("/fonts/outfit-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Outfit"; src: url("/fonts/outfit-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }

/* Layout concept: a 70s coastal poster that becomes a schedule. Sun in the corner, waves at the foot. */
:root {
  --cream: #F1F0E2;
  --paper: #F8F7EE;
  --ink: #1E3135;        /* near-black with a teal bias */
  --teal: #33565B;       /* deepened mural teal for text on cream */
  --teal-deep: #24474C;  /* dark panels */
  --teal-mid: #5D878B;
  --sage: #8DADA6;
  --orange: #F7973E;
  --terra: #E4732C;
  --terra-text: #B9551A; /* terracotta darkened for small text on cream */
  --peach: #FBC689;
  --orange-ray: #F4A252;
  --rule: rgba(30, 49, 53, 0.14);

  --f-stencil: "CBB Stencil", "Stardos Stencil", Impact, "Arial Narrow", sans-serif;
  --f-head: "Big Shoulders", "Arial Narrow", Impact, sans-serif;
  --f-body: "Outfit", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  color-scheme: light;
}