/*
  variables.css
  Single source of truth for the site's design tokens.
  Change a value here and it ripples through every page.
*/
:root{
  /* ---- base canvas ---- */
  --bg-black: #000000;
  --bg-void: #050507;

  /* ---- window chrome (fake retro OS dialog) ---- */
  --win-face: #0c0c14;
  --win-face-soft: #12121d;
  --win-border-light: #3a3f5c;
  --win-border-dark: #000000;
  --title-grad-a: #0a0e27;
  --title-grad-b: #1c2350;
  --title-text: #e8eaff;

  /* ---- text ---- */
  --text-main: #d8d8e2;
  --text-dim: #7a7a8c;
  --text-bright: #ffffff;

  /* ---- accents ---- */
  --accent-hate: #ff2d78;
  --accent-hate-glow: #ff7fb8;
  --accent-calm: #49d3ff;
  --accent-calm-glow: #9fe9ff;
  --accent-warn: #ffce3d;
  --accent-ok: #5dff9f;
  --accent-blood: #8c0a0a;
  --accent-blood-dark: #3d0303;

  /* ---- type ---- */
  --font-display: 'Press Start 2P', monospace;
  --font-mono: 'VT323', monospace;
  --font-ui: Tahoma, 'Segoe UI', Geneva, sans-serif;

  /* ---- misc ---- */
  --radius: 2px;
  --z-grain: 9000;
  --z-overlay: 5000;
  --z-blood: 9999;
}