/* РА ИДЕАЛ МЕДИА — base: reset, tokens, fonts, pixel unit */
@font-face { font-family: 'Press Start 2P'; font-weight: 400; font-display: swap;
  src: url('../assets/fonts/press-start-2p-cyrillic-400-normal.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Press Start 2P'; font-weight: 400; font-display: swap;
  src: url('../assets/fonts/press-start-2p-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 400; font-display: swap;
  src: url('../assets/fonts/ibm-plex-mono-cyrillic-400-normal.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 400; font-display: swap;
  src: url('../assets/fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 700; font-display: swap;
  src: url('../assets/fonts/ibm-plex-mono-cyrillic-700-normal.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 700; font-display: swap;
  src: url('../assets/fonts/ibm-plex-mono-latin-700-normal.woff2') format('woff2'); }

:root {
  --px: 4px;                     /* overwritten by JS; integer px always */
  /* palette — amber + teal noir (carried from prototype) */
  --void: #05080f;  --sky-top: #070b16;  --sky-bot: #0c1322;
  --win-bg: #141c2a; --win-edge-lt: #2c3a50; --win-edge-dk: #060a12;
  --tbar-bg: #0b121e; --border: #03050a;
  --amber: #e7a94f; --amber-dim: #b5803a; --teal: #38d6c2;
  --cyan: #29c2e6;  --magenta: #ff3d7f;
  --ink: #d7e3ef;   --ink-dim: #8294a8;  --body-ink: #9fb2c6;
  --accent: var(--magenta); --accent-2: var(--cyan);
  --fog: 0.55; --rain-opacity: 0.5;
  --font-pixel: 'Press Start 2P', monospace;
  --font-body: 'IBM Plex Mono', 'Courier New', monospace;
}

* { box-sizing: border-box; }
html { margin: 0; padding: 0; background: var(--void); overflow-x: hidden; }
body {
  margin: 0; padding: 0; background: var(--void); color: var(--ink);
  font-family: var(--font-body);
  overflow-x: clip;
}
h1, h2, h3, .pixel { font-family: var(--font-pixel); font-weight: 400; }
button { font-family: inherit; }
:focus-visible { outline: calc(var(--px) * 1) solid var(--teal); outline-offset: calc(var(--px) * 1); }