/* Brand primitives, copied from voyarc public/tokens.css (the one place the
   Voyarc doctrine's literals are written down). Linked from index.html before
   the bundle. Keep it identical to Voyarc's until the shared package exists —
   a value changed here is a value changed in both products.

   These are *primitives*, not semantics: src/index.css keeps the panel
   system's own --accent / --muted / --text (scoped to .app and switched by
   data-theme, as in Voyarc's App.css), and they resolve to the values below,
   so the hexes live once. */

/* The wordmark face (typography doctrine): brand moments only, never working
   UI text. Self-hosted latin subset (OFL, licence beside the file in
   public/fonts) — no Google Fonts hop, and the export watermark's
   document.fonts.load() resolves against our own origin. */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/space-grotesk-700.woff2') format('woff2');
}

:root {
  /* ---- colour doctrine: three brand surfaces ---- */
  /* Interactive identity. Pink is the accent everywhere something is
     clickable; the lift is the same pink opened up for dark surfaces (gold
     can't take this role — ~1.6:1 on the light panel). */
  --voyarc-pink: #d6336c;
  --voyarc-pink-lift: #f06595;
  /* The same pink darkened until small text made of it clears 4.5:1 on a
     light *plate* rather than on white: the accent is 4.62:1 on #ffffff but
     only 4.23:1 on the pages' --surface (#f4f5f8) and 3.83:1 on the tinted
     Pro column, so a 0.82rem line like "or US$39 a year" sitting in a card
     failed where the same words on the page passed. Same hue (339°) and
     saturation (66.5%), lightness 52% → 46.7%: 4.98:1 on the plate and
     4.51:1 on the tint. pages.css reads it as --accent-on-surface. */
  --voyarc-pink-deep: #c6285f;
  /* Cartographic/output identity: the brand gold IS the Midnight route
     colour (favicon, night posters). Never an interactive colour. */
  --voyarc-gold: #ffb703;
  --voyarc-midnight: #060913;
  /* Print identity: ink on paper (Poster, export watermark). */
  --voyarc-ink: #2c2c2c;
  --voyarc-paper: #ffffff;
  /* Secondary text, both registers. */
  --voyarc-muted-light: #5c6270;
  --voyarc-muted-dark: #a6abbc;

  /* ---- typography doctrine ---- */
  /* Space Grotesk Bold wherever the product says its own name, and for
     headings; system-ui for working text (data-dense, zero load);
     monospace for route text. Figures take font-variant-numeric: tabular-nums
     wherever they line up. */
  --font-brand: 'Space Grotesk', system-ui, sans-serif;
  --font-ui: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}