/* Brand primitives shared by the app bundle and the static pages — the one
   place the doctrine's literals are written down. Linked from index.html
   (before the bundle) and from every page in public/, so a value changed here
   changes both registers at once.

   These are *primitives*, not semantics: App.css keeps its own --accent /
   --muted / --text (scoped to .app and switched by data-theme, because the
   panel follows the app's own theme control, not the OS) and pages.css keeps
   its own --paper / --ink / --rule (switched by prefers-color-scheme). Both
   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;
  /* 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;
}