/* =====================================================================
   ТАТКАРДАН М8 — токены дизайн-системы
   Источник: prototype/variables.json (1:1 со значениями макета)
   ===================================================================== */

:root {
  /* ---------- Поверхности ---------- */
  --tk-c-void: #07080A;
  --tk-c-carbon: #0B0D10;
  --tk-c-graphite: #12151A;
  --tk-c-panel: #171B21;
  --tk-c-panel-2: #1E232B;

  /* ---------- Линии ---------- */
  --tk-line: #262C35;
  --tk-line-strong: #384250;
  --tk-line-hair: rgba(255,255,255,.07);

  /* ---------- Текст ---------- */
  --tk-c-ink: #EEF1F5;
  --tk-c-ink-2: #A8B2BE;
  --tk-c-ink-3: #6E7885;

  /* ---------- Бренд ---------- */
  --tk-c-red: #E10600;
  --tk-c-red-hi: #FF2D20;
  --tk-c-red-dp: #9C0400;
  --tk-c-amber: #FFB100;
  --tk-c-signal: #00D2FF;
  --tk-c-ok: #21C97A;

  /* ---------- Заливки и градиенты ---------- */
  --tk-red-bg: rgba(225,6,0,.10);
  --tk-signal-bg: rgba(0,210,255,.08);
  --tk-g-red: linear-gradient(135deg,#FF2D20 0%,#E10600 45%,#9C0400 100%);
  --tk-glow-red: 0 0 0 1px rgba(225,6,0,.45),0 12px 34px -12px rgba(225,6,0,.55);
  --tk-glow-signal: 0 0 22px -6px rgba(0,210,255,.55);
  --tk-sh-card: 0 12px 28px -12px rgba(0,0,0,.75);

  /* ---------- Анимация ---------- */
  --tk-ease: cubic-bezier(.22,.61,.36,1);

  /* ---------- Шрифты ---------- */
  --tk-f-display: "Oswald", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tk-f-text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---------- Сетка ---------- */
  --tk-wrap: 1280px;
  --tk-gut: 40px;

  /* ---------- Радиусы ---------- */
  --tk-r-s: 3px;
  --tk-r-m: 6px;
  --tk-r-l: 10px;
  --tk-r-pill: 100px;
}