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

:root {
  --c-navy:    #0a0f2e;
  --c-darkblue:#0d1a4a;
  --c-midblue: #1a3a7a;
  --c-blue:    #2255bb;
  --c-sky:     #4499dd;
  --c-yellow:  #f5c800;
  --c-gold:    #d4a00a;
  --c-orange:  #e06000;
  --c-gray1:   #c8c8c8;
  --c-gray2:   #b0b0b0;    /* was #909090 — lifted for contrast on dark bg */
  --c-gray3:   #808080;    /* was #505050 — was ~1.8:1, now ~4.5:1 on darkblue */
  --c-gray4:   #2a2a2a;
  --c-white:   #e8eaf0;
  --c-green:   #00aa44;
  --c-red:     #cc2200;
  --c-teal:    #00bbaa;    /* was #009988 — brighter for better contrast at small sizes */

  --font-pixel: 'Press Start 2P', monospace;
  --font-vt:    'VT323', monospace;
  --font-mono:  'Courier Prime', monospace;

  --border-win95: 2px solid;
  --shadow-win95-out: 2px 2px 0 #fff, -2px -2px 0 #555, 2px -2px 0 #555, -2px 2px 0 #fff;
  --shadow-win95-in:  inset 2px 2px 0 #555, inset -2px -2px 0 #fff;
  --shadow-pixel-box: 4px 4px 0px var(--c-navy);
}