/* tokens.css — Гостиница «Актобе» (hotel-aktobe). Автор: дизайнер kz10.
   Имена = договор стартового набора. Идея: вывеска, которую переименовывали вместе с городом (Актюбинск → Актобе), = перекидное табло. Подробно: ../03-design.md */

/* Oswald (wght 200–700) — табло, цифры, годы; Golos Text (wght 400–900) — заголовки и текст. Казахские буквы (Ақтөбе) и ₸ есть в обоих. */
@font-face{font-family:"Oswald";font-style:normal;font-weight:200 700;font-display:swap;src:url(fonts/oswald-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:"Oswald";font-style:normal;font-weight:200 700;font-display:swap;src:url(fonts/oswald-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Oswald";font-style:normal;font-weight:200 700;font-display:swap;src:url(fonts/oswald-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:"Oswald";font-style:normal;font-weight:200 700;font-display:swap;src:url(fonts/oswald-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:"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: #F1F2F4;            /* белая стена и бельё номеров, холодная, не «крем» */
  --surface: #E2E6ED;       /* шаг тона: поля, чипы, плашки */
  --ink: #10204A;           /* тёмно-синий вывески, 14.1:1 */
  --muted: #4A5670;         /* 6.6:1 */
  --accent: #1D3F8F;        /* синий вывески фасада: кнопка, табло-поле; белый текст 9.7:1 */
  --accent-ink: #FFFFFF;
  --btn-hover: #10204A;  --btn-hover-ink: #FFFFFF;
  --star: #F4C430;          /* жёлтые звёзды вывески: только звёзды, отметка выбранного, одна деталь на экран; синий текст на нём 9.6:1 */
  --flap: #10204A;  --flap-ink: #FFFFFF;  --flap-gap: #F1F2F4;   /* ячейка табло: тёмная половинка, белая буква, щель цвета фона */
  --field-1: #1D3F8F;  --field-1-ink: #FFFFFF;  --field-1-muted: #C9D5F2;   /* синий вывески: «Подберите номер», финал */
  --field-2: #6E2A1F;  --field-2-ink: #FFFFFF;  --field-2-muted: #F0CFC8;   /* кирпич фасада (тёмный, не терракота): «Сутки в гостинице» */
  --field-3: #DDE3EE;  --field-3-ink: #10204A;  --field-3-muted: #3E4A66;   /* светлый: «История», «Для всех гостей» */

  --font-display: "Oswald", "Arial Narrow", Arial, sans-serif;   /* табло и цифры */
  --font-text: "Golos Text", Arial, sans-serif;                   /* заголовки и текст */
  --w-flap: 600;  --w-head: 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: H1, H2 */
  --step-display: clamp(3rem, 1rem + 8.2vw, 8.5rem);           /* 48–136: буквы табло, цены, годы */

  --margin: clamp(1rem, 2.2vw, 2rem);
  --gutter: clamp(0.75rem, 1.6vw, 1.5rem);
  --section: clamp(5rem, 11vw, 10rem);
  --radius: 0px;            /* прямые углы: табло, кнопки, фото; скругление только у брелока ключа (это предмет) */
  --cell-gap: 6px;          /* просвет между ячейками табло */
  --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;
}