/*
 * tokens.css — design tokens + base reset shared across every page.
 * Must load before any page-specific stylesheet or inline <style>.
 *
 * Cache hard: filename is stable and contents change only when the
 * palette changes. If you update a variable, bump the query-string
 * version in the <link> tag to bust the browser cache.
 */

:root {
  --void: #08080F;
  --void-alt: #0f0f1e;
  --cyan: #00ffff;
  --yellow: #f0e130;
  --magenta: #FF00FF;
  --steel: #cdd6e0;
  --white: #ffffff;
  --green: #34d399;
  --red: #ff4444;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: var(--void);
  color: var(--steel);
  font-family: 'IBM Plex Mono', monospace;
  min-height: 100vh;
  position: relative;
}

/* Faint horizontal scanlines overlay used across every branded page. */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    0deg,
    transparent 0px,
    transparent 2px,
    rgba(0, 0, 0, 0.06) 2px,
    rgba(0, 0, 0, 0.06) 4px
  );
  pointer-events: none;
  z-index: 100;
}