/* BYS Holiday Arcade 2026: shared design tokens (Direction 3, Brand Notepad).
   Values come from the BYS brand guide (BYS-BRAND-REF.md). Don't invent new colours. */
/* Fonts are self-hosted in shared/fonts/ (Latin subsets, SIL Open Font License; see shared/fonts/README.md).
   Browsers only download a face when a page uses it, so Caveat costs the games nothing. */
@font-face { font-family: 'Archivo Black'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/archivo-black.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Red Hat Text'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('fonts/red-hat-text.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Red Hat Mono'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('fonts/red-hat-mono.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Caveat'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/caveat-700.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* Ink and neutrals */
  --ink: #000000;            /* the only black */
  --ink-dark: #56514F;       /* secondary text on light */
  --ink-mid: #8A8482;        /* secondary text 24px+ on light */
  --ink-light: #C9C6C7;      /* body text on ink */
  --hairline: #E5E8E3;
  --white: #FFFFFF;

  /* Campaign paper. On screen it stands in for the warm stock used in print. */
  --paper: #FBF8F1;
  --paper-under: #EDE7DA;

  /* Green: fills and strokes on light; text only on ink */
  --green: #24D111;
  --green-dark: #11AC00;     /* green text on ink, or 24px+ on light */
  --green-darker: #0D8400;   /* green text on light, any size */
  --green-lightest: #EBFCE8;

  /* Holiday colours: game worlds only (Cookie Rush, Light Detangler). Never text, UI chrome or print. */
  --holiday-red: #E0402E;
  --holiday-gold: #F4B42A;
  --holiday-blue: #2F7FE6;
  --holiday-pink: #F28CB1;
  --holiday-sugar: #F2D7A2;    /* sugar cookie dough */
  --holiday-ginger: #A9622F;   /* gingerbread dough */

  /* Type. Basement Grotesque Black is the brand display face; Archivo Black is its fallback. */
  --font-display: 'Basement Grotesque', 'Archivo Black', sans-serif;
  --font-sans: 'Red Hat Text', system-ui, sans-serif;
  --font-mono: 'Red Hat Mono', ui-monospace, monospace;
  --font-hand: 'Caveat', cursive; /* stand-in until real team handwriting is scanned */

  /* Radii (brand) */
  --radius-button: 4px;
  --radius-image: 8px;
  --radius-card: 14px;
}

/* TL + BR corner brackets, the BYS accent motif */
.bracket { position: absolute; width: 28px; height: 28px; border: 0 solid var(--green); }
.bracket.tl { top: 0; left: 0; border-top-width: 4px; border-left-width: 4px; }
.bracket.br { right: 0; bottom: 0; border-right-width: 4px; border-bottom-width: 4px; }

.mono-label { font-family: var(--font-mono); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }