/* Discovery Wall — Visitor design tokens (DW-95).
 *
 * ONE deliberate visual language for the ADULT / visitor-facing surfaces: the Shell broadcast
 * overlay (all three tiers) and both aurora reception themes (aurora-day = default DW-93,
 * aurora-night = per-school override). NOT the classroom/grade wall — children keep their own
 * voice (its own type + colour). The distinction is deliberate: children get one voice, adults
 * another.
 *
 * Reference: the marketing site — Instrument Serif for display, Archivo for labels/UI/numerals,
 * Newsreader italic for editorial lines; ink navy #16233F, navy #1B3266, restrained green
 * #5EB41E, cyan #22C7D6; hairlines, whitespace, typography over decoration, no drop-shadows or
 * gradients beyond the ground. Sizes are tuned UP for screen-at-distance — NOT copied from web.
 *
 * Fonts are vendored same-origin (no runtime Google Fonts), precached in sw.js. Loaded globally
 * (index.html / review-frame.html) so the overlay AND both themes inherit these tokens, and any
 * future visitor act inherits them automatically rather than reinventing.
 */

@font-face { font-family:'Instrument Serif'; font-style:normal; font-weight:400;
  src:url('./fonts/instrument-serif-normal-400.woff2') format('woff2'); font-display:swap; }
@font-face { font-family:'Instrument Serif'; font-style:italic; font-weight:400;
  src:url('./fonts/instrument-serif-italic-400.woff2') format('woff2'); font-display:swap; }
@font-face { font-family:'Archivo'; font-style:normal; font-weight:100 900;
  src:url('./fonts/archivo-normal-100_900.woff2') format('woff2'); font-display:swap; }
@font-face { font-family:'Newsreader'; font-style:italic; font-weight:200 600;
  src:url('./fonts/newsreader-italic-italic-200_600.woff2') format('woff2'); font-display:swap; }

:root {
  /* type */
  --v-display: 'Instrument Serif', Georgia, serif;   /* headlines, hero, names, big numbers */
  --v-label:   'Archivo', system-ui, sans-serif;     /* kickers, labels, UI, tabular numerals */
  --v-editorial:'Newsreader', Georgia, serif;        /* editorial asides — always italic */

  /* palette (light surfaces) */
  --v-ink:       #16233F;
  --v-navy:      #1B3266;
  --v-green:     #5EB41E;
  --v-green-ink: #12300A;
  --v-cyan:      #22C7D6;
  --v-cyan-ink:  #0F6E7B;
  --v-bg:        #FAFAFA;
  --v-ink-soft:  rgba(22,35,63,.66);
  --v-whisper:   rgba(22,35,63,.40);
  --v-hair:      rgba(22,35,63,.14);

  /* palette (dark surface roles — aurora-night, overlay grounds) */
  --v-night-bg:  #0C1526;
  --v-paper:     #EAF0F7;
  --v-paper-soft:rgba(234,240,247,.72);
  --v-paper-whisper:rgba(234,240,247,.46);
  --v-hair-dark: rgba(234,240,247,.16);

  /* broadcast tier accents (emergency keeps a refined red — the one place urgency earns it) */
  --v-emergency: #C0392B;
  --v-emergency-bg: #4E1512;
  --v-notice-bg: #16233F;
  --v-celebration-bg: #123314;
}