/* Токены Marketing Master. Копия 00_Platform_Spec/design/style/tokens.css курса (снимок 2026-10-15).
   Исправлено при переносе: ссылки tokens.json {ink} и {amber} в --on-amber, --focus-night, --focus-paper
   заменены значениями токенов ink (#161a2c) и amber (#ffb25a): в CSS такие ссылки недействительны. */
:root {
  /* color */
  --night: #0b0b18;
  --night-panel: #10122a;
  --night-line: #1d2140;
  --night-edge: #262a45;
  --night-control: #3a3f60;
  --night-field-edge: #646b8f;
  --night-station: #46506f;
  --night-bar: #c9d0e2;
  --night-veil: rgba(11, 11, 24, 0.82);
  --night-ink: #e7e8ee;
  --night-ink-2: #b9bdcc;
  --night-ink-3: #8b91aa;
  --amber: #ffb25a;
  --amber-text: #ffc27a;
  --on-amber: #161a2c;
  --on-amber-2: #4a3313;
  --amber-tint: #f4e6cf;
  --amber-deep: #c46d12;
  --green: #7bc99a;
  --green-station: #4f9a6c;
  --green-rail: #3f7d59;
  --spark: #9db8ff;
  --spark-hover: #c4d4ff;
  --red-glow: #ff8f7e;
  --paper: #eeece6;
  --paper-inset: #e4e1d8;
  --paper-field: #f6f5f1;
  --paper-zebra: #e2eadf;
  --paper-line: #d2cec2;
  --paper-control: #b9b4a6;
  --paper-field-edge: #8a8678;
  --paper-dots: #8a8e9e;
  --paper-disabled: #d8d4c8;
  --ink: #161a2c;
  --ink-2: #3f4458;
  --ink-3: #5f6375;
  --ink-disabled: #6f7384;
  --ochre: #8f4e0e;
  --green-ink: #2c6a47;
  --green-soft: #dfe9e0;
  --blue-ink: #2846a8;
  --blue-ink-hover: #1a3280;
  --red-ink: #a8331f;
  --lamp: rgba(255, 186, 105, 0.30);
  --focus-night: #ffb25a;
  --focus-paper: #161a2c;
  --scene-tower: #222a46;
  --scene-tower-2: #2f3858;
  --scene-tower-lit: #6f7ba0;
  --scene-grass-1: #1a2b23;
  --scene-grass-2: #26423a;
  --scene-grass-3: #3a634f;
  --scene-grass-4: #5b9279;
  --scene-ember-1: #4d3520;
  --scene-ember-2: #7d5531;
  --scene-ember-3: #b97f45;
  --scene-ember-4: #f0b06a;
  --scene-spark: rgb(255, 194, 122);
  --scene-firefly: rgb(126, 200, 255);
  --pixel-sky-1: #4aa3a8;
  --pixel-sky-2: #2c7f88;
  --pixel-sky-3: #1d5960;
  --pixel-floor-1: #33200f;
  --pixel-floor-2: #4a2f1d;
  --pixel-floor-3: #55361f;
  --pixel-plaque: #23252a;
  --pixel-plaque-edge: #3b3d44;
  --pixel-red: #ff6b5a;
  --pixel-green: #7be08f;
  --pixel-white: #ffffff;
  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-14: 56px;
  --space-24: 96px;
  /* radius */
  --radius-0: 0;
  --radius-1: 3px;
  --radius-sheet: 6px;
  --radius-sheet-phone: 10px;
  /* shadow */
  --shadow-sheet: 0 0 0 1px rgba(255, 200, 130, 0.10), 0 -20px 80px rgba(255, 170, 90, 0.18), 0 40px 100px rgba(0, 0, 0, 0.55);
  --shadow-sheet-phone: 0 -12px 40px rgba(255, 170, 90, 0.16);
  --glow-here: 0 0 0 3px rgba(255, 178, 90, 0.18), 0 0 12px 3px rgba(255, 178, 90, 0.35);
  --glow-here-peak: 0 0 0 4px rgba(255, 178, 90, 0.30), 0 0 22px 8px rgba(255, 178, 90, 0.55);
  --glow-play: 0 0 0 6px rgba(255, 178, 90, 0.25);
  /* timing */
  --time-toggle: 240ms;
  --time-breathe: 2.8s;
  --time-ascii-frame: 45ms;
  --time-sprite: 900ms;
  --time-spinner: 1.2s;
  --time-shrug: 2.2s;
  --time-think: 2.4s;
  --time-blink: 1.6s;
  --time-fall: 2.6s;
  /* type families */
  --font-display: "Sofia Sans Condensed", "Arial Narrow", sans-serif;
  --font-sans: "IBM Plex Sans", system-ui, sans-serif;
  --font-serif: "IBM Plex Serif", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --font-pixel: "Press Start 2P", monospace;
}