/* Дизайн-токены meowClip: единый источник цветов, радиусов и теней для лендинга и приложения.
   Стиль: тёмная тема, сиреневый акцент со свечением, закруглённые карточки с тонкой светлой границей.
   Менять значения здесь, а не в компонентах. Подключается как /static/tokens.css. */
:root {
  color-scheme: dark;

  /* поверхности */
  --bg: #090b0c;
  --bg-elev: #0f1214;
  --card: #12171a;
  --card-2: #181e22;
  --line: rgba(255, 255, 255, .07);
  --line-strong: rgba(255, 255, 255, .15);

  /* текст */
  --text: #f1f5f4;
  --muted: #8b9693;
  --faint: #5b6664;

  /* акцент (решение владельца 2026-10-01: сиреневый вместо мятно-зелёного) */
  --accent: #b98cff;
  --accent-strong: #a173f0;
  --accent-ink: #1b0b33;            /* текст на акцентной заливке */
  --accent-soft: rgba(185, 140, 255, .12);
  --accent-glow: rgba(185, 140, 255, .35);

  /* статусы */
  --ok: #34e3a6;
  --warn: #f4b84a;
  --danger: #ff6b6b;

  /* геометрия */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;

  /* эффекты */
  --glow: 0 0 36px rgba(185, 140, 255, .22);
  --shadow: 0 10px 40px rgba(0, 0, 0, .45);
  --hero-glow:
    radial-gradient(60% 80% at 50% -10%, rgba(125, 85, 200, .55) 0%, rgba(45, 25, 80, .25) 45%, transparent 75%),
    radial-gradient(40% 50% at 85% 10%, rgba(185, 140, 255, .12) 0%, transparent 70%);

  /* типографика (шрифты — только свои, без внешних CDN: 152-ФЗ) */
  --font: "Manrope", "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-sm: .875rem;
  --fs-md: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: clamp(1.75rem, 4vw, 3rem);
  --sidebar-w: 248px;
}