/* CLASHIER THEME. THE ONE FILE for every colour, typeface, radius and spacing in Clashier: the hub,
   mini golf's screens and (next) Air Hustle import it. A rebrand is an edit to this file and nothing
   else. Nothing outside it may write a hex colour: run ../hub/check-colors.sh before a publish.

   Palette LOCKED by Mike 2026-10-19, pending Robbi's approval: Treasury green + coin gold on white.
   Gold is for the logo's second C and small accents only, never a big fill.
   Logo: hub/logo.svg is the single logo file (placeholder: double-C "The Push" until Robbi's original).
   Source of truth: work/studio/projects/clashier/hub/theme.css. The publish script copies it next to
   the hub and each game. Do not edit the copies. */
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@600&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=Inter:wght@400;500;600;700&display=swap");

:root {
  /* ---- palette ---- */
  --page: #FFFFFF;
  --panel: #EAF4EE;
  --primary: #117A43;
  --primary-press: #0D6336;
  --on-primary: #FFFFFF;
  --gold: #E2B33C;
  --text: #14231B;
  --text-2: #4B5C52;
  --text-3: #7C8B82;
  --line: rgba(20, 35, 27, .12);
  --line-strong: rgba(20, 35, 27, .24);
  --settled: #117A43;               /* settled results and prize lines */
  --warn: #B4532A;                  /* a clock running low, an error */
  --glass: rgba(255, 255, 255, .9); /* panels floating over a game */
  --glass-blur: 12px;
  --scrim: rgba(20, 35, 27, .38);   /* behind a sheet */
  --scrim-intro-top: rgba(255, 255, 255, 0);
  --scrim-intro-mid: rgba(255, 255, 255, .55);
  --scrim-intro-low: rgba(255, 255, 255, .97);
  --shadow: 0 18px 50px rgba(20, 35, 27, .18);
  --shade: rgba(0, 0, 0, .55);        /* shadows and vignette ON a game surface (air hockey table) */

  /* players (HUD dots; the balls themselves are art) */
  --p0: #FFFFFF;
  --p1: #D8BC56;

  /* canvas UI drawn over a game (aim line, power readout) */
  --canvas-aim: #FFFFFF;
  --canvas-pill: rgba(20, 35, 27, .82);
  --canvas-pill-ink: #FFFFFF;

  /* ---- type ---- */
  /* DISPLAY face (Mike 2026-10-19: Cinzel 600): result dialog words, game titles, hub headline, section headings.
     Cinzel is all capitals and gets hard to read small, so buttons, body text, numbers, scores, balances and small
     labels stay on --font (Inter). Changing the display font = this one line. --font-head points at it, so every
     heading that already used --font-head (hub, mini golf, air hockey) follows. */
  --font-display: "Cinzel", Georgia, "Times New Roman", serif;
  --font-head: var(--font-display);
  --font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --fs-xs: 12px; --fs-sm: 13px; --fs: 15px; --fs-md: 16px; --fs-lg: 22px; --fs-xl: 30px; --fs-hero: clamp(34px, 7vw, 52px);

  /* ---- shape and space ---- */
  --r-sm: 8px; --r: 12px; --r-lg: 18px; --r-pill: 999px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 28px;
}