/* ============================================================
   Семья MC — design tokens
   Только CSS-переменные: палитра, типографика, радиусы, тени, моушн.
   Этот файл — единственное, что меняется при пересборке дизайн-системы
   под другой бренд (см. ds-kit/README.md). Имена переменных
   (--teal, --orange, --ink-*, --font-*) — стабильный контракт, по
   которому components.css обращается к токенам.
   ============================================================ */
:root{
  --teal:#1699aa; --teal-deep:#0f7c8b; --teal-soft:#5fc0cb;
  --teal-tint:#e6f4f6; --teal-mist:#f3f9fa;
  --orange:#ed7029; --orange-deep:#d05a17; --orange-soft:#f5a063; --orange-tint:#fdeede;
  --ink-900:#122024; --ink-700:#2a3d42; --ink-500:#5a6c71; --ink-400:#8595a0;
  --ink-300:#b6c2c8; --ink-200:#dde5e8; --ink-100:#ecf0f2; --ink-050:#f5f7f8;
  --white:#ffffff;
  --success:#2f9e6e; --warning:#e0a32a; --danger:#d04848;

  --r-xs:4px; --r-sm:8px; --r-md:12px; --r-lg:20px; --r-xl:28px; --r-pill:999px;

  --shadow-xs:0 1px 2px rgba(18,32,36,.06);
  --shadow-sm:0 2px 8px rgba(18,32,36,.06);
  --shadow-md:0 14px 28px rgba(18,32,36,.10);
  --shadow-lg:0 28px 60px rgba(18,32,36,.16);
  --shadow-warm:0 14px 32px rgba(237,112,41,.28);
  --shadow-brand:0 14px 32px rgba(22,153,170,.26);

  --ease-out:cubic-bezier(.22,.61,.36,1);
  --ease-mid:cubic-bezier(.65,0,.35,1);
  --dur-fast:120ms; --dur-base:220ms; --dur-slow:420ms;

  --font-display:'Onest',system-ui,-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif;
  --font-headline:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-em:'Shnobel','Inter',system-ui,sans-serif;
  --font-body:system-ui,-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif;
}