/* tokens.css: WE Legal (we-legal). Дизайнер: PROTO (помощник DESIGN). Имена переменных совпадают с _shared/starter/base.css. */

/* Onest: переменный (100–900), Google Fonts, OFL. Кириллица, cyrillic-ext (казахские Ә Ғ Қ Ң Ө Ұ Ү Һ І), латиница, latin-ext (₸). */
@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}

:root {
  /* палитра: из логотипа клиента (золото, тёмная чернильная синяя) и бумага; W = чернила, E = золото */
  --bg: #f1f1ee;            /* почти нейтральная бумага (насыщенность 0.06) */
  --surface: #e3e4e0;       /* ступень тона: таблицы, поля ввода, плашки */
  --ink: #0d1b2a;           /* основной текст, W монограммы: 15.4:1 на --bg */
  --muted: #3e4b5b;         /* второстепенное: 7.9:1 на --bg (на --surface 7.0:1) */
  --accent: #c4a24a;        /* золото E: кнопка, поле-акцент; чернила на нём 7.1:1; золото как текст на бумаге нельзя (2.2:1) */
  --accent-ink: #0d1b2a;
  --field-1: #0d1b2a;       /* тёмное поле: маршрут, контакты */
  --field-1-ink: #f1f1ee;   /* 15.4:1 */
  --field-1-step: #1a2b3f;  /* ступень тона на тёмном поле: чипы, строки (текст на ней 12.7:1; --field-1-muted 7.2:1) */
  --field-1-muted: #aeb8c4; /* 8.7:1 на --field-1 */
  --field-2: #c4a24a;       /* золотое поле: цифры, кнопка-акцент как поле */
  --field-2-ink: #0d1b2a;   /* 7.1:1 */
  --field-2-muted: #2b3441; /* 5.2:1 на --field-2: только текст от 17 px */
  --logo-e: var(--accent);  /* цвет E в монограмме (на золоте меняется на чернила) */

  /* шрифт: одна гарнитура на весь сайт */
  --font-display: "Onest", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-text: "Onest", "Helvetica Neue", Arial, system-ui, sans-serif;

  /* оси и начертания (font-variation-settings не нужны: Onest меняет только wght) */
  --w-display: 800;   /* H1 и цифры */
  --w-head: 760;      /* заголовки разделов */
  --w-strong: 600;    /* названия строк, кнопки */
  --w-text: 400;
  --w-light: 300;     /* почта в финале */

  /* шкала: ровно 6 размеров (small, body, lead, head, display, mega); mega только у огромной цифры «100+» и почты в финале */
  --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.45vw, 1.5rem);               /* 20–24 */
  --step-head: clamp(2.25rem, 1.1rem + 4.6vw, 5.5rem);                /* 36–88 */
  --step-display: clamp(2.2rem, 9.1vw, 9.25rem);                      /* H1: 9.1vw (131 px при 1440, 35,5 px при 390: вторая строка «Западом и Востоком» в 358 px) */
  --step-mega: clamp(7rem, 2rem + 24vw, 23rem);                       /* «100+», почта в финале (на телефоне почта 11.5vw: переопределить в style.css) */

  /* поля, ритм, форма */
  --margin: clamp(1rem, 2.2vw, 2rem);
  --gutter: clamp(1rem, 2vw, 2rem);
  --section: clamp(4.5rem, 11vw, 12rem);
  --radius: 0px;            /* одна форма: прямоугольник; круглая форма только у точек станций */
  --header-h: 4.25rem;

  /* линия маршрута: толщина, точки */
  --route-w: 6px;
  --station: 22px;

  /* движение (имена как в starter) */
  --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;
}