/* tokens.css — LinguaTime school (linguatime). Автор: дизайнер kz10.
   Имена = договор стартового набора. Идея: Time в имени и часы 8:00–22:00 = циферблат, где вместо цифр приветствия на 7 языках. Подробно: ../03-design.md */

/* Noto Serif Display: оси wdth 62.5–100, wght 100–900 (заголовки); Onest wght 100–900 (текст). Казахские буквы и ₸ есть в обоих.
   Noto Serif SC: только два иероглифа «你好» (1 КБ), подключается в списке шрифтов после основного. */
@font-face{font-family:"Noto Serif Display";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/noto-serif-display-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:"Noto Serif Display";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/noto-serif-display-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Noto Serif Display";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/noto-serif-display-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:"Noto Serif Display";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/noto-serif-display-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}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/onest-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:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/onest-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/onest-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:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/onest-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}
@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/noto-serif-sc-nihao-700.woff2) format("woff2");unicode-range:U+4F60,U+597D}

:root {
  --bg: #FFFFFF;
  --surface: #F3F3F3;
  --ink: #232323;          /* 15.9:1 на белом */
  --muted: #5C5C5C;        /* 6.7:1 на белом (у листа было #6e6e6e — потемнее ради мелкого текста) */
  --accent: #232323;       /* кнопка действия: тёмная, белый текст */
  --accent-ink: #FFFFFF;
  --btn-hover: #000000;  --btn-hover-ink: #FFFFFF;
  --mint: #A1FFCB;         /* единственный цвет страницы: циферблат в строке героя, выбранные часы, цена-плашка, билет, финальный призыв; текст на нём #232323, 15.5:1 */
  --field-1: #A1FFCB;  --field-1-ink: #232323;  --field-1-muted: #2F5B45;   /* мятное поле: цена, финал */
  --field-2: #232323;  --field-2-ink: #FFFFFF;  --field-2-muted: #BDBDBD;   /* тёмное поле: 70/30, подвал */

  --font-display: "Noto Serif Display", "Noto Serif SC", Georgia, "Times New Roman", serif;
  --font-text: "Onest", "Noto Serif SC", Arial, sans-serif;
  --fv-display: "wght" 600, "wdth" 100;      /* строка героя, заголовки */
  --fv-poster: "wght" 900, "wdth" 62.5;      /* узкий тяжёлый: «Ещё шесть языков», глаголы, имя в подвале */
  --fv-head: "wght" 600, "wdth" 100;

  /* шкала: 5 размеров + «мега» (глаголы пути и имя в подвале) */
  --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.25rem, 1.1rem + 0.6vw, 1.625rem);       /* 20–26 */
  --step-head: clamp(1.875rem, 1.2rem + 2.9vw, 3.5rem);        /* 30–56 */
  --step-display: clamp(2.5rem, 2.5rem + 7.7vw, 9.5rem);       /* 70 на 390 … 151 на 1440 */
  --step-mega: clamp(5.5rem, 2rem + 15vw, 16rem);              /* 90 на 390 … 248 на 1440 */

  --margin: clamp(1rem, 2.2vw, 2rem);
  --gutter: clamp(0.75rem, 1.6vw, 1.5rem);
  --section: clamp(6rem, 12vw, 11rem);       /* щедро: 160 px между разделами на десктопе */
  --radius: 0px;           /* прямые углы везде; круг — только циферблат */
  --header-h: 4rem;

  --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;
}