/* ============================================================
   Твоя Улыбка — design tokens
   Структура и имена переменных — стабильный контракт ds-kit
   (см. semya-med-cl/ds-kit/README.md). Значения — палитра
   стоматологической сети «Твоя Улыбка», Новокузнецк:
     Sky #418FDE (5 оттенков) · Navy #012169 · Pink #E11071
     · Fuchsia-light #F26F99 · Gray #F4F4F4 · White
   Шрифт: AA Stetica (см. /fonts/fonts.css).
   ============================================================ */
:root{
  /* ============== ОСНОВНОЙ БРЕНД (= --teal в контракте) ============== */
  /* В semya-med это бирюза, здесь — Sky/Navy. */
  --teal:#418FDE;          /* Sky-500, базовый бренд */
  --teal-deep:#012169;     /* Navy, фокус/hover/тёмный */
  --teal-soft:#74ADE7;     /* Sky-400 */
  --teal-tint:#C8DFF4;     /* Sky-100, светлый фон */
  --teal-mist:#F4F4F4;     /* Gray, очень светлый фон секций */

  /* ============== АКЦЕНТ (= --orange в контракте) ============== */
  /* В semya-med это оранжевый, здесь — Pink/Fuchsia. */
  --orange:#E11071;        /* Fuchsia, акцент */
  --orange-deep:#B40D5A;   /* Fuchsia-deep (вычислено: затемнённый E11071) */
  --orange-soft:#F26F99;   /* Pink, светлая фуксия */
  --orange-tint:#FBE3EE;   /* Pink-tint (вычислено: 12% Pink на белом) */

  /* ============== НЕЙТРАЛЬНАЯ ШКАЛА (= --ink-* в контракте) ============== */
  /* В semya-med нейтраль cool-grey с teal-кастом. В YouSmile нейтраль
     полностью sky-tinted: тёмные оттенки = Navy, средние = Sky, светлые = Gray. */
  --ink-900:#012169;       /* Navy, основной текст */
  --ink-700:#0A2E80;       /* Navy чуть светлее (вычислено) */
  --ink-500:#418FDE;       /* Sky-500, второстепенный текст */
  --ink-400:#74ADE7;       /* Sky-400 */
  --ink-300:#99C3ED;       /* Sky-300, границы и иконки */
  --ink-200:#B4D3F1;       /* Sky-200, hairline */
  --ink-100:#C8DFF4;       /* Sky-100, очень светлый бордюр */
  --ink-050:#F4F4F4;       /* Gray, поверхностный фон */

  --white:#ffffff;
  --success:#2f9e6e;       /* служебный, не из бренд-палитры */
  --warning:#e0a32a;       /* служебный */
  --danger:#E11071;        /* = акцент Fuchsia (в YouSmile danger = бренд-pink) */

  /* ============== ГЕОМЕТРИЯ ============== */
  --r-xs:4px; --r-sm:8px; --r-md:12px; --r-lg:20px; --r-xl:28px; --r-pill:999px;

  /* ============== ТЕНИ (navy-tinted) ============== */
  --shadow-xs:0 1px 2px rgba(1,33,105,.06);
  --shadow-sm:0 2px 8px rgba(1,33,105,.06);
  --shadow-md:0 14px 28px rgba(1,33,105,.10);
  --shadow-lg:0 28px 60px rgba(1,33,105,.16);
  --shadow-warm:0 14px 32px rgba(225,16,113,.28);     /* акцент = фуксия */
  --shadow-brand:0 14px 32px rgba(65,143,222,.26);    /* бренд = sky */

  /* ============== МОУШН ============== */
  --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:'AA Stetica','Onest',system-ui,-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif;
  --font-headline:'AA Stetica','Onest',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-em:'AA Stetica','Onest',system-ui,sans-serif;     /* italic — через font-style */
  --font-body:'AA Stetica','Onest',system-ui,-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif;
  /* ============== АЛИАСЫ для каноничного CSS YouSmile ==============
     Чтобы можно было дословно копировать блоки из
     /Users/macmini/Documents/Разработка/YouSmile/site/css/*.css
     (header, mega-menu, branch-picker, footer и т.д.) без правки имён переменных. */
  --brand-fuchsia: var(--orange);
  --brand-fuchsia-300: var(--orange-soft);
  --brand-navy: var(--teal-deep);
  --brand-sky-500: var(--teal);
  --brand-sky-400: var(--teal-soft);
  --brand-sky-300: var(--ink-300);
  --brand-sky-200: var(--ink-200);
  --brand-sky-100: var(--teal-tint);
  --brand-gray: var(--teal-mist);
  --font-sans: var(--font-body);
}