/* Capymapa — единые дизайн-токены. Единственный источник правды по цвету,
   форме и движению. Локальные переменные виджетов ссылаются сюда.
   См. Продвижение/ТЕХНИЧЕСКОЕ/capymapa-design-system-v1.html */
:root{
  /* бирюзовый — основной, построен на логотипе */
  --cm-teal-50:#eef9f9;  --cm-teal-100:#d2eef0; --cm-teal-300:#5cc9ce;
  --cm-teal-500:#02b7bd; --cm-teal-700:#047079; --cm-teal-900:#06383e;
  /* оранжевый — акцент с капибары. Горчичный #d17401 выведен из обращения */
  --cm-amber-50:#fff3e0;  --cm-amber-300:#ffcb85; --cm-amber-500:#f79400;
  --cm-amber-700:#e07b00; --cm-amber-800:#9c5200;
  --cm-date:#f18700;      /* дата в заголовке хаба — верхняя граница по контрасту */
  /* нейтрали с лёгким бирюзовым уклоном */
  --cm-ink:#0f2126; --cm-ink-soft:#4a626a; --cm-ink-faint:#7f979e;
  --cm-line:#e2eaec; --cm-line-soft:#eff4f5;
  --cm-surface:#ffffff; --cm-canvas:#f4f8f8;
  /* смысловые */
  --cm-good:#0f9d63; --cm-bad:#d64545;
  /* тёмные поверхности (панели ввода курсов и сонгтео — одинаковые) */
  --cm-deep-1:#06282e; --cm-deep-2:#0a3c40;
  /* форма */
  --cm-r-sm:10px; --cm-r-md:14px; --cm-r-lg:20px; --cm-r-xl:28px; --cm-r-full:999px;
  /* глубина — три ступени, тени с бирюзовым подмесом */
  --cm-sh-1:0 1px 2px rgba(6,40,46,.05);
  --cm-sh-2:0 1px 2px rgba(6,40,46,.04), 0 10px 24px -14px rgba(6,40,46,.22);
  --cm-sh-3:0 2px 4px rgba(6,40,46,.05), 0 28px 60px -28px rgba(6,40,46,.34);
  --cm-ring:0 0 0 3px rgba(2,183,189,.35);
  /* движение — одна кривая, три длительности */
  --cm-ease:cubic-bezier(.2,.8,.25,1);
  --cm-fast:120ms; --cm-base:200ms; --cm-slow:320ms;
  /* сияние с дрейфом — подложка hero-блоков (хаб, курс валют).
     Статичный слой на background; анимированный дубль накладывается
     отдельно через ::before с --cm-halo-drift (см. виджеты). */
  --cm-halo:
    radial-gradient(95% 120% at 4% 0%, rgba(2,183,189,.21), transparent 55%),
    radial-gradient(70% 90% at 98% 4%, rgba(247,148,0,.12), transparent 55%),
    linear-gradient(158deg,#eaf6f6,#dcefef);
  --cm-halo-drift:
    radial-gradient(38% 38% at 22% 26%, rgba(2,183,189,.16), transparent 62%),
    radial-gradient(34% 34% at 78% 18%, rgba(247,148,0,.13), transparent 62%);
}