/* Дизайн-токены кабинета Метеоры.
   Источник значений: ~/brain/meteora-pro-v2/design.md (утверждён 14.08.2026)
   и утверждённые макеты кабинета.
   Правила: зелёный доминирует, фиолетовый не более 10% кадра,
   тёплый (--warn) только в дисклеймерах. Новых цветов не вводить. */

:root {
  /* Поверхности */
  --bg: #04070a;
  --bg-2: #070c10;
  --panel: rgba(255, 255, 255, .035);
  --panel-strong: rgba(255, 255, 255, .06);
  --line: rgba(20, 241, 149, .16);
  --line-strong: rgba(20, 241, 149, .28);
  --line-mute: rgba(255, 255, 255, .09);

  /* Акценты */
  --green: #14F195;
  --green-dim: #0aa96a;
  --green-ink: #031c11;
  --violet: #9945FF;

  /* Текст */
  --ink: #eef4f0;
  --mut: #8fa39a;
  --warn: #ffb84d;
  --risk: #ff5c5c;

  /* Шрифты */
  --disp: 'Unbounded', system-ui, sans-serif;
  --body: 'Inter', system-ui, -apple-system, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Радиусы */
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 20px;
  --r-pill: 99px;

  /* Подложки медиа: тёмные градиенты под плеер и обложки */
  --media-green-a: #0b1a14;
  --media-green-b: #071016;
  --media-violet-a: #150c26;
  --media-violet-b: #0a0812;

  /* Свечение кнопки */
  --glow: 0 0 24px rgba(20, 241, 149, .35);
}