/* Палитра и токены — значения взяты из PixelMenuArt / PixelHudArt игры. */
:root {
  --ink: #07090D;
  --ink-2: #0C1119;
  --panel: #1C2534;
  --panel-lit: #3A4B64;
  --panel-deep: #131B27;
  --rim: #5D7196;
  --plate: #2C3E58;

  --accent: #FFC22B;
  --accent-lit: #FFE17A;
  --accent-dark: #B07410;

  --text: #DAE4F2;
  --text-dim: #93A3BC;
  --text-dark: #081008;

  --success: #4ED23C;
  --danger: #E54633;

  --steel: #B9C9DE;
  --steel-lit: #ECF5FF;
  --steel-mid: #7E92AD;
  --steel-dark: #455770;

  --cyan: #2EA9D4;
  --cyan-lit: #9AEEFF;
  --blue: #3F6FD0;
  --gold: #F0B822;
  --green: #45C336;

  --hud-ally: #53C24B;
  --hud-enemy: #D23C2C;
  --hud-reload: #E8B44A;

  /* фон страницы: вместо плоской заливки — слои света и сетки */
  --bg-top: #0C141F;
  --bg-mid: #090D14;
  --bg-bottom: #0B121C;
  --grid-line: rgba(185, 201, 222, 0.07);
  --grid-dot: rgba(185, 201, 222, 0.10);
  --glow-moon: rgba(140, 180, 255, 0.20);
  --glow-warm: rgba(255, 194, 43, 0.16);
  --glow-cool: rgba(46, 169, 212, 0.15);

  /* типографика */
  --font: 'Share Tech CYR', 'Share-Tech-CYR', 'Consolas', monospace;
  --fs-hero: clamp(42px, 9vw, 132px);
  --fs-h2: clamp(26px, 3.6vw, 46px);
  --fs-h3: clamp(18px, 1.6vw, 22px);
  --fs-body: clamp(15px, 1.1vw, 18px);
  --fs-small: clamp(12px, 0.9vw, 14px);
  --fs-button: clamp(14px, 1.05vw, 17px);

  /* ритм */
  --gap: clamp(12px, 1.4vw, 20px);
  --pad: clamp(16px, 2.4vw, 40px);
  --section-gap: clamp(56px, 8vw, 120px);
  /* высота полосы бегущей строки: по ней hero считает, сколько остаётся до низа экрана */
  --marquee-h: 46px;
  /* отступ от верха окна для якорных переходов: высота фиксированной шапки + зазор;
     main.js уточняет значение по факту загрузки шрифтов */
  --anchor-offset: 72px;

  /* пиксельные размеры */
  --px: 2px;
  --corner: 4px;

  /* анимации */
  --step: steps(4, end);
}