/* =====================================================================
   nk-tokens.css — единая дизайн-система nkrf74 (общая для главной и proverki).
   Значения СВЕДЕНЫ к канону главной (modern.css): бренд #9b1117, бренд-шрифт
   Lato, нейтральные тени. Имена токенов, которые использует proverki,
   сохранены. Подключается аддитивно.
   Концепция: «От давления — к защите». Гранат = авторитет/тревога,
   бирюза = «защищено», золото (лавр из лого) = заслуги/рейтинг.
   ===================================================================== */

/* — Бренд-шрифт Lato (пути абсолютные → работает с любой страницы).
     Стратегия unicode-range split: лёгкий сабсет (латиница+кириллица+пунктуация,
     ~85КБ) грузится для обычного текста; полный шрифт — catch-all, скачается
     ТОЛЬКО если встретится глиф вне сабсета. Сабсет объявлен ПОСЛЕ полного →
     по спецификации проверяется первым → выигрывает для своих диапазонов.
     Экономия ~288КБ на трёх используемых начертаниях. — */
@font-face { font-family: "LatoRegular";  src: url("/static/fonts/Lato-Regular.bd03a2cc277b.woff2") format("woff2"), url("/static/fonts/Lato-Regular.27bd77b9162d.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "LatoRegular";  src: url("/static/fonts/Lato-Regular.subset.9d2a04454490.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF,U+0100-024F,U+0400-052F,U+2000-206F,U+20A0-20BF,U+2116,U+2122,U+2190-2193; }
@font-face { font-family: "LatoSemibold"; src: url("/static/fonts/Lato-Semibold.8b4f872c5de1.woff2") format("woff2"), url("/static/fonts/Lato-Semibold.c2b50f4a7d90.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "LatoSemibold"; src: url("/static/fonts/Lato-Semibold.subset.3bf3fd8dbe74.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; unicode-range: U+0000-00FF,U+0100-024F,U+0400-052F,U+2000-206F,U+20A0-20BF,U+2116,U+2122,U+2190-2193; }
@font-face { font-family: "LatoBold";     src: url("/static/fonts/Lato-Bold.cccb89748581.woff2") format("woff2"), url("/static/fonts/Lato-Bold.d878b6c29b10.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "LatoBold";     src: url("/static/fonts/Lato-Bold.subset.fd428cf80546.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+0000-00FF,U+0100-024F,U+0400-052F,U+2000-206F,U+20A0-20BF,U+2116,U+2122,U+2190-2193; }
@font-face { font-family: "LatoBlack";    src: url("/static/fonts/Lato-Black.33d5f0d956f3.woff2") format("woff2"), url("/static/fonts/Lato-Black.f80bda6afd19.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "LatoBlack";    src: url("/static/fonts/Lato-Black.subset.ef4525a931cd.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; unicode-range: U+0000-00FF,U+0100-024F,U+0400-052F,U+2000-206F,U+20A0-20BF,U+2116,U+2122,U+2190-2193; }

:root {
  /* — Гранатовый (бренд, сведён к канону главной #9b1117) — */
  --nk-red-900: #640a0e;
  --nk-red-800: #7d0d12;   /* hover / тени */
  --nk-red-700: #9b1117;   /* БРЕНД (как modern.css) */
  --nk-red-600: #9b1218;   /* alt */
  --nk-red-500: #c01f27;   /* блик / свечение */
  --nk-red-050: #f6eaea;

  /* — Бирюза (акцент «разрешено / под защитой») — */
  --nk-teal-600: #0c727f;
  --nk-teal-500: #13a0b2;
  --nk-teal-200: #bcefeb;

  /* — Золото (лавр из лого → заслуги, ТОП-рейтинг) — */
  --nk-gold-500: #c9a23f;
  --nk-gold-200: #ecdcab;
  --nk-gilt:      rgba(201,162,63,.42);   /* золотая «гилт»-линия — как в шапке (единый источник) */
  --nk-gilt-soft: rgba(201,162,63,.20);

  /* — Нейтральная шкала (как modern.css, прохладная) — */
  --nk-0:#fdfbf7; --nk-50:#f7f3ea; --nk-100:#efece4; --nk-200:#e2e6eb;
  --nk-300:#d8d2c6; --nk-400:#aab1bb; --nk-500:#7c8590; --nk-600:#5c646e;
  --nk-700:#3f3a37; --nk-800:#2a2f35; --nk-900:#1a1d21;

  /* — Тёмные «чернила/бумага» для глубоких секций (hero proverki) — */
  --nk-ink-900: #14110f;
  --nk-ink-700: #2a2522;
  --nk-ink-500: #5b524c;
  --nk-paper-0:  #fdfbf7;
  --nk-paper-50: #f7f3ea;
  --nk-paper-100: #f1ece0;   /* третья тёплая ступень — hover (popup__close, map-facade); раньше токен не был определён */
  --nk-line:     rgba(84,1,1,.10);
  --nk-line-strong: rgba(84,1,1,.16);

  /* — Семантика (совместимо с modern.css + правки proverki style.css) — */
  --nk-bg: var(--nk-50);
  --nk-surface: var(--nk-0);
  --nk-fg: var(--nk-900);
  --nk-text: var(--nk-800);
  --nk-muted: var(--nk-600);
  --nk-brand: var(--nk-red-700);
  --nk-brand-strong: var(--nk-red-800);
  --nk-accent: var(--nk-teal-500);
  --nk-merit: var(--nk-gold-500);

  /* — Фирменные градиенты — */
  --nk-grad-brand: linear-gradient(180deg, var(--nk-red-600) 0%, var(--nk-red-800) 100%);
  --nk-grad-ink:   linear-gradient(165deg, #20191c 0%, #120d10 100%);
  --nk-grad-aurora: radial-gradient(120% 120% at 14% 8%, rgba(192,31,39,.16) 0%, transparent 58%),
                    radial-gradient(110% 110% at 92% 88%, rgba(201,162,63,.08) 0%, transparent 55%);

  /* — Глубина: тени на нейтрали главной (26,29,33) + бренд-свечение — */
  --nk-shadow-1: 0 1px 2px rgba(26,29,33,.06), 0 2px 6px rgba(26,29,33,.06);
  --nk-shadow-2: 0 4px 10px rgba(26,29,33,.07), 0 12px 24px rgba(26,29,33,.09);
  --nk-shadow-3: 0 10px 24px rgba(26,29,33,.10), 0 26px 56px rgba(26,29,33,.14);
  --nk-shadow-4: 0 20px 48px rgba(26,29,33,.16), 0 48px 96px rgba(26,29,33,.20);
  --nk-glow-red:  0 14px 34px rgba(100,10,14,.30);
  --nk-glow-teal: 0 14px 34px rgba(14,128,144,.28);

  /* — Радиусы — */
  --nk-r-xs: 6px;  --nk-r-sm: 10px; --nk-r-md: 12px;
  --nk-r-lg: 24px; --nk-r-xl: 32px; --nk-r-pill: 999px;

  /* — Типографика: бренд-шрифт Lato (как на главной) — */
  --nk-font-body:     "LatoRegular", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --nk-font-semibold: "LatoSemibold", var(--nk-font-body);
  --nk-font-bold:     "LatoBold", var(--nk-font-body);
  --nk-font-black:    "LatoBlack", var(--nk-font-bold);
  --nk-font-head:     var(--nk-font-bold);
  --nk-font-sans:     var(--nk-font-body);
  --nk-font-display:  var(--nk-font-black);

  --nk-fs-eyebrow: clamp(.72rem, .68rem + .2vw, .82rem);
  --nk-fs-body:    clamp(1rem, .96rem + .25vw, 1.075rem);
  --nk-fs-lead:    clamp(1.12rem, 1.02rem + .6vw, 1.4rem);
  --nk-fs-h3:      clamp(1.25rem, 1.1rem + .9vw, 1.7rem);
  --nk-fs-h2:      clamp(1.75rem, 1.4rem + 1.8vw, 2.85rem);
  --nk-fs-display: clamp(2.4rem, 1.7rem + 3.6vw, 4.6rem);
  --nk-leading-tight: 1.08;
  --nk-leading-snug: 1.28;
  --nk-leading-body: 1.62;
  --nk-tracking-eyebrow: .14em;

  /* — Ритм отступов — */
  --nk-space-section: clamp(64px, 4vw + 40px, 132px);
  --nk-gap: clamp(16px, 1.2vw + 8px, 28px);
  --nk-container: 1200px;

  /* — Движение — */
  --nk-ease-out:      cubic-bezier(.16, 1, .3, 1);
  --nk-ease-in-out:   cubic-bezier(.65, .05, .36, 1);  /* значение из modern.css (главная) */
  --nk-ease-back:     cubic-bezier(.34, 1.56, .64, 1);
  --nk-dur-1: .18s;
  --nk-dur-2: .32s;
  --nk-dur-3: .6s;
  --nk-dur-4: 1s;

  /* =================================================================
     Полная совместимость с modern.css (главная): эти токены раньше жили
     в :root самой modern.css. Перенесены сюда, чтобы был ОДИН источник.
     Значения — как в modern.css (чтобы главная не изменилась).
     ================================================================= */
  --nk-brand-alt:    var(--nk-red-600);
  --nk-brand-hover:  var(--nk-red-800);
  --nk-brand-active: var(--nk-red-900);
  --nk-brand-dark:   #782226;
  --nk-brand-ink:    #512424;
  --nk-brand-soft:   #f6eaea;
  --nk-brand-soft-2: #fbf4f4;
  --nk-brand-ring:   rgba(155,17,23,.32);

  --nk-bg-elevated: var(--nk-0);
  --nk-text-muted:  var(--nk-600);
  --nk-text-invert: #fff;
  --nk-border:        var(--nk-line);          /* было var(--nk-200) #e2e6eb — холодно-серый бордер на тёплой ивори (service_detail) */
  --nk-border-strong: var(--nk-line-strong);
  --nk-danger: #d11111;

  --nk-space-1:4px; --nk-space-2:8px; --nk-space-3:12px; --nk-space-4:16px;
  --nk-space-5:20px; --nk-space-6:24px; --nk-space-8:32px; --nk-space-10:40px;
  --nk-space-12:48px; --nk-space-16:64px;

  --nk-radius-sm:6px; --nk-radius-md:8px; --nk-radius-lg:8px;
  --nk-radius-xl:10px; --nk-radius-pill:8px;

  --nk-shadow-xs:0 1px 2px rgba(26,29,33,.06);
  --nk-shadow-sm:0 2px 6px rgba(26,29,33,.06), 0 1px 2px rgba(26,29,33,.04);
  --nk-shadow-md:0 10px 30px rgba(26,29,33,.08), 0 1px 0 rgba(26,29,33,.04);
  --nk-shadow-lg:0 16px 38px rgba(26,29,33,.10), 0 8px 16px rgba(26,29,33,.06);
  --nk-shadow-xl:0 24px 60px rgba(26,29,33,.14), 0 10px 24px rgba(26,29,33,.08);
  --nk-shadow-brand:0 12px 28px rgba(100,10,14,.18);

  --nk-ease:cubic-bezier(.19,1,.22,1);
  --nk-dur-fast:.24s; --nk-dur:.42s; --nk-dur-slow:.82s;

  --nk-fs-xs:.8125rem; --nk-fs-sm:.9375rem; --nk-fs-base:1rem; --nk-fs-md:1.25rem;
  --nk-fs-lg:1.625rem; --nk-fs-xl:2rem; --nk-fs-2xl:2.375rem; --nk-fs-3xl:2.75rem;
  --nk-lh-tight:1.2; --nk-lh:1.5; --nk-lh-loose:1.7; --nk-tracking-h:0;
}

@media (prefers-reduced-motion: reduce) {
  :root { --nk-dur-1: .001s; --nk-dur-2: .001s; --nk-dur-3: .001s; --nk-dur-4: .001s; }
}