/* ─── base.css ────────────────────────────────────────────────────────────────
   Custom properties, reset, and document-level styles.
   Edit the tokens in :root to shift the entire colour theme.
──────────────────────────────────────────────────────────────────────────── */

/* ─── Custom Properties ──────────────────────────────────────────────────────
   Phosphor green palette — muted P31, not neon.
──────────────────────────────────────────────────────────────────────────── */
:root {
  /* Backgrounds */
  --bg:             #070d07;

  /* Text hierarchy */
  --text-primary:   #7faa6c;   /* main output */
  --text-dim:       #375a2c;   /* secondary / system lines */
  --text-bright:    #a8c890;   /* ready / highlights */
  --text-prompt:    #578a44;   /* prompt host */
  --text-cmd:       #88ba70;   /* interactive commands */
  --text-cmd-hover: #bede9e;   /* command on hover */
  --text-separator: #192e15;   /* divider lines */
  --text-ok:        #7faa6c;   /* [OK] tag */

  /* Typography */
  --font: 'JetBrains Mono', 'IBM Plex Mono', 'Fira Code', ui-monospace,
          'Courier New', monospace;

  /* Overlay strengths */
  --scanline-opacity:   0.042;
  --vignette-strength:  0.80;

  /* Z-stack */
  --z-bg:        0;   /* background canvas */
  --z-grain:     1;
  --z-scanlines: 2;
  --z-vignette:  3;
  --z-terminal:  10;
}

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

/* ─── Document ───────────────────────────────────────────────────────────── */
html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: var(--font);
  background: #000;
}