/* tokens.css — UKO, корпусная мебель (uko-mebel). Автор: дизайнер kz10.
   Имена = договор стартового набора. Идея: корпус = плиты; буквы UKO собраны из плит, шкаф раскладывается в карту раскроя. Подробно: ../03-design.md */

/* Golos Text (Paratype), переменный wght 400–900. Казахские буквы и ₸ есть. */
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/golos-text-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:"Golos Text";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/golos-text-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/golos-text-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:"Golos Text";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/golos-text-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: #E2DCCF;            /* «кость» — светлая плита; не крем (светлота 0.85) */
  --surface: #D7D0C1;       /* шаг тона: поля, чипы, плашки */
  --ink: #2A1110;           /* почти чёрный с красным, 13.4:1 на --bg */
  --muted: #6B524C;         /* второстепенное, 5.1:1 */
  --accent: #4A6F84;        /* сланец (графит): единственная кнопка, белый текст 5.3:1 */
  --accent-ink: #FFFFFF;
  --btn-hover: #2A1110;  --btn-hover-ink: #FFFFFF;
  --field-1: #DC1928;  --field-1-ink: #FFFFFF;  --field-1-muted: #FFE3E5;   /* почтовый красный: первый экран и финал; белый 5.1:1 (только крупное и короткое) */
  --field-2: #952625;  --field-2-ink: #FFFFFF;  --field-2-muted: #F2C9C6;   /* бордо = «орех»: 9.0:1 */
  --field-3: #E0A912;  --field-3-ink: #2A1110;  --field-3-muted: #4A2A0E;   /* горчица = «дуб»: 8.5:1 */
  --field-4: #3A5869;  --field-4-ink: #FFFFFF;  --field-4-muted: #DCE6EC;   /* сланец = «графит», поле на тон темнее кнопки: белый 7.55:1, muted 6.0:1 (было #4A6F84 — 5.3:1, inspect grey-body) */
  /* декоры плит в живой вещи (цвета деталей на карте раскроя), не для текста */
  --decor-white: #F4F3EF; --decor-oak: #D9B27C; --decor-walnut: #7A4A32; --decor-graphite: #3D4247; --decor-stone: #A7A49E; --decor-beige: #D8C6A8;

  --font-display: "Golos Text", "Arial Black", Arial, sans-serif;
  --font-text: "Golos Text", Arial, sans-serif;
  --w-display: 900;  --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.25rem);       /* 17–20 */
  --step-lead: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);       /* 20–26 */
  --step-head: clamp(2rem, 1.1rem + 3.4vw, 4rem);              /* 32–64 */
  --step-display: clamp(1.75rem, 0.75rem + 5.8vw, 6.25rem);    /* 35 на 390 … 96 на 1440: H1, «огромные слова» разделов */
  --track-display: -0.045em;

  --margin: clamp(1rem, 2vw, 1.75rem);   /* 16–28 px, как у плаката */
  --gutter: clamp(0.75rem, 1.6vw, 1.5rem);
  --section: clamp(4.5rem, 10vw, 9rem);
  --radius: 0px;
  --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;
}