/* tokens.css — VetSpectr, ветклиника (vetspectr). Автор: дизайнер kz10.
   Имена = договор стартового набора (kz10/_shared/starter/README.md) + 7 цветов спектра.
   Идея: «спектр» = 7 плоских полос от прививки до хирургии; каждая глава страницы в цвете своей полосы. Подробно: ../03-design.md */

/* Rubik, переменный wght 300–900. Кириллица, казахские буквы и ₸ есть. */
@font-face{font-family:"Rubik";font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/rubik-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Rubik";font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/rubik-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Rubik";font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/rubik-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Rubik";font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/rubik-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root {
  --bg: #FFFFFF;            /* белая глава: первый экран, команда, прайс, финал */
  --surface: #F2F2F2;       /* шаг тона на белом: поиск, строки прайса, плитки вопросов */
  --ink: #111111;           /* весь текст и кнопки, 18.9:1 на белом */
  --muted: #2B2B2B;         /* второстепенное; на любой полосе ≥ 6.2:1 (серого текста нет) */
  --accent: #111111;        /* кнопка действия: чёрная, прямоугольная (на любом цвете заметна одинаково) */
  --accent-ink: #FFFFFF;
  --btn-hover: #2B2B2B;  --btn-hover-ink: #FFFFFF;

  /* спектр услуг, слева направо (от простого к сложному); текст на всех — #111 */
  --c1: #A6E88F;  /* Профилактика: прививки, чип, паспорт        13.1:1 */
  --c2: #A4F6F8;  /* Приём: первичный, повторный, экзоты           15.4:1 */
  --c3: #9CC3FF;  /* Анализы и УЗИ                                  10.5:1 */
  --c4: #FFC4EF;  /* Зубы                                           12.9:1 */
  --c5: #FF8A8A;  /* Кастрация и стерилизация                        8.3:1 */
  --c6: #F9A21F;  /* Хирургия                                        9.2:1 */
  --c7: #FFD249;  /* Врач на дом                                    13.1:1 */

  /* поля глав (договор стартового набора) */
  --field-1: var(--c1); --field-1-ink: #111111; --field-1-muted: #2B2B2B;
  --field-2: var(--c3); --field-2-ink: #111111; --field-2-muted: #2B2B2B;
  --field-3: var(--c6); --field-3-ink: #111111; --field-3-muted: #2B2B2B;
  --field-4: var(--c7); --field-4-ink: #111111; --field-4-muted: #2B2B2B;
  --field-5: var(--c2); --field-5-ink: #111111; --field-5-muted: #2B2B2B;
  --field-6: var(--c5); --field-6-ink: #111111; --field-6-muted: #2B2B2B;
  --field-7: var(--c4); --field-7-ink: #111111; --field-7-muted: #2B2B2B;
  --chapter: var(--c5);     /* текущий цвет живой вещи: меняется скриптом при выборе полосы */

  /* шрифт: одна гарнитура, два веса */
  --font-display: "Rubik", "Arial Rounded MT Bold", Arial, sans-serif;
  --font-text: "Rubik", Arial, sans-serif;
  --w-display: 800;   /* заголовки, цифры, марка */
  --w-strong: 600;    /* навигация, кнопки, названия, подписи полос */
  --w-text: 400;

  /* шкала: 5 размеров + 1 «мега» только для главной цифры раздела «Клиника в цифрах» */
  --step-small: clamp(0.875rem, 0.85rem + 0.1vw, 0.9375rem);  /* 14–15 */
  --step-body: clamp(1.0625rem, 1rem + 0.2vw, 1.1875rem);     /* 17–19 */
  --step-lead: clamp(1.1875rem, 1.05rem + 0.55vw, 1.5rem);    /* 19–24: подписи полос, лид, цены в строках */
  --step-head: clamp(1.75rem, 1rem + 3.1vw, 3.75rem);         /* 28–60: заголовки глав */
  --step-display: clamp(2rem, 0.25rem + 8.3vw, 7.75rem);      /* 32–124: H1, названия пакетов, крупные цены */
  --step-mega: clamp(5.5rem, 1rem + 21vw, 20rem);             /* 98–320: «23 000» */
  --track-display: -0.045em;
  --lead-display: 0.9;

  --margin: clamp(1rem, 2.2vw, 2rem);
  --gutter: clamp(0.75rem, 1.6vw, 1.5rem);
  --section: clamp(4.5rem, 10vw, 9rem);
  --radius: 0px;            /* прямые углы везде: полосы, кнопки, плитки, фото */
  --header-h: 4.5rem;
  --bar-band: 36vh;         /* высота полосы спектра на первом экране (десктоп) */

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-soft: cubic-bezier(0.33, 1, 0.68, 1);
  --t-press: 140ms;  --t-hover: 180ms;  --t-ui: 240ms;  --t-reveal: 800ms;
}