/* tokens.css — Apostol Dental Clinic & Kids (apostoldent). Автор: дизайнер kz10.
   Имена = договор стартового набора. Идея: круглый логотип из двух половин (зелёная — взрослые, оранжевая — дети) = выключатель всей страницы. Подробно: ../03-design.md */

/* Nunito, переменный wght 200–1000. Казахские буквы и ₸ есть. */
@font-face{font-family:"Nunito";font-style:normal;font-weight:200 1000;font-display:swap;src:url(fonts/nunito-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:"Nunito";font-style:normal;font-weight:200 1000;font-display:swap;src:url(fonts/nunito-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Nunito";font-style:normal;font-weight:200 1000;font-display:swap;src:url(fonts/nunito-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:"Nunito";font-style:normal;font-weight:200 1000;font-display:swap;src:url(fonts/nunito-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: #0B0B0B;            /* чёрная земля (как логотип клиники на чёрном и гелевые портреты) */
  --surface: #161616;  --surface-2: #222222;
  --ink: #FFFFFF;           /* 19.7:1 */
  --muted: #BDBDBD;         /* 10.5:1 */
  --accent: #FFFFFF;  --accent-ink: #0B0B0B;          /* кнопка: белая таблетка, чёрный текст (одинаково видна на чёрном, зелёном и оранжевом) */
  --btn-hover: #E6E6E6;  --btn-hover-ink: #0B0B0B;

  /* две половины логотипа */
  --adult: #2A6763;  --adult-ink: #FFFFFF;  --adult-muted: #CFE3E0;   /* зелёная половина «Apostol»: 6.5:1 / 4.9:1 */
  --kids: #F28A1A;   --kids-ink: #0B0B0B;   --kids-muted: #3D2205;    /* оранжевая «& Kids»: 7.9:1 / 5.9:1. ВНИМАНИЕ: оранжевый логотипа #E87A24 инспектор считает «терракотой» (FAIL) — насыщенность поднята до 0.89 */
  --side: var(--adult);  --side-ink: var(--adult-ink);  --side-muted: var(--adult-muted);   /* текущая половина: скрипт ставит на <html> класс .is-kids */

  --field-1: var(--adult); --field-1-ink: #FFFFFF; --field-1-muted: #CFE3E0;
  --field-2: var(--kids);  --field-2-ink: #0B0B0B; --field-2-muted: #3D2205;

  --font-display: "Nunito", "Arial Rounded MT Bold", Arial, sans-serif;
  --font-text: "Nunito", Arial, sans-serif;
  --w-display: 800;  --w-strong: 700;  --w-text: 400;

  --step-small: clamp(0.875rem, 0.85rem + 0.1vw, 0.9375rem);   /* 14–15 */
  --step-body: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);     /* 17–19 */
  --step-lead: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);       /* 20–26 */
  --step-head: clamp(1.875rem, 1.1rem + 3vw, 3.5rem);          /* 30–56 */
  --step-display: clamp(2.125rem, 1.24rem + 3.62vw, 4.5rem);   /* 34 на 390 … 72 на 1440: H1, «№1», цифры */
  --track-display: -0.03em;

  --margin: clamp(1rem, 2.2vw, 2rem);
  --gutter: clamp(0.75rem, 1.6vw, 1.5rem);
  --section: clamp(5rem, 11vw, 10rem);
  --radius: 999px;          /* одна форма: круг/таблетка (кнопки, чипы, маски портретов); плашки и фото работ — прямые углы */
  --header-h: 4.25rem;

  --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;
}
html.is-kids { --side: var(--kids); --side-ink: var(--kids-ink); --side-muted: var(--kids-muted); }