/* Nuxtre design tokens — docs/10-design-system.md §2–§4. Measured from the approved art. */
:root {
  /* base */
  --nx-void: #050624;
  --nx-deep: #0b1156;
  --nx-ink: #080c18;
  --nx-ultramarine: #102291;
  /* electric */
  --nx-blue: #0865ec;
  --nx-azure: #089ef8;
  --nx-cyan: #0bdefb;
  --nx-ice: #5fdff6;
  --nx-magenta: #f209f3;
  --nx-pink: #e216a7;
  --nx-violet: #6022e9;
  --nx-acid: #cef41b;
  --nx-acid-text: #b8ff6a;
  --nx-volt: #e1ed13;
  --nx-orange: #ff5500;
  /* functional (Console set) */
  --nx-text: #f4f6ff;
  --nx-text-dim: #b9c0e6;
  --nx-link: #5fdff6;
  --nx-ok: #3dff8a;
  --nx-warn: #ffd23d;
  --nx-danger: #ff5c7a;
  /* recipes */
  --nx-grad-pill: linear-gradient(180deg, #5fdff6 0%, #089ef8 35%, #0865ec 60%, #0b1156 100%);
  --nx-grad-chrome: linear-gradient(90deg, #0bdefb, #f209f3);
  --nx-grad-logo: linear-gradient(180deg, #e1ed13, #ff5500 40%, #f209f3 70%, #0bdefb);
  --nx-glow-cyan: 0 0 6px #0bdefb, 0 0 18px rgba(11, 222, 251, .55), 0 0 40px rgba(11, 222, 251, .25);
  --nx-glow-magenta: 0 0 6px #f209f3, 0 0 18px rgba(242, 9, 243, .55), 0 0 40px rgba(242, 9, 243, .25);
  --nx-glow-hot: 0 0 6px #0bdefb, 0 0 18px rgba(11, 222, 251, .55), inset 0 0 12px rgba(242, 9, 243, .45);
  --nx-text-outline: 2px 2px 0 #040212, -1px -1px 0 #040212, 1px -1px 0 #040212, -1px 1px 0 #040212;
  /* type */
  --nx-font-display: Anton, Impact, 'Arial Narrow Bold', sans-serif;
  --nx-font-shout: Bangers, Impact, sans-serif;
  --nx-font-body: 'Space Grotesk', Verdana, Tahoma, sans-serif;
  --nx-font-console: 'IBM Plex Mono', 'Courier New', monospace;
}

/* Self-hosted (D14): Latin subsets of the OFL families, WOFF2, from github.com/google/fonts (licences beside them). */
@font-face { font-family: Anton; src: url(/static/fonts/Anton-Regular.woff2) format('woff2'); font-display: swap; }
@font-face { font-family: Bangers; src: url(/static/fonts/Bangers-Regular.woff2) format('woff2'); font-display: swap; }
@font-face { font-family: 'Space Grotesk'; src: url(/static/fonts/SpaceGrotesk-Variable.woff2) format('woff2'); font-weight: 300 700; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url(/static/fonts/IBMPlexMono-Regular.woff2) format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url(/static/fonts/IBMPlexMono-SemiBold.woff2) format('woff2'); font-weight: 600; font-display: swap; }