/* Базовый слой: токены фирменного стиля и сброс.
   Подключается первым на всех страницах сайта. */

:root {
  /* Цвет */
  --az-ink:          #101215; /* фон тёмных секций и страницы */
  --az-text:         #EDEBE8; /* основной текст на тёмном */
  --az-accent:       #FF8001; /* фирменный оранжевый */
  --az-accent-hover: #FFA24D;

  /* Шрифты */
  --az-font-sans: 'IBM Plex Sans', system-ui, sans-serif;
  --az-font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --az-font-display: 'Unbounded', sans-serif;
}

html, body {
  margin: 0;
  padding: 0;
  /* clip, а не hidden: hidden делает страницу скролл-контейнером и полностью
     отключает position:sticky внутри — из-за этого 3D-схема калькулятора
     не закреплялась ни на мобильном, ни на десктопе. clip обрезает так же,
     но контейнер прокрутки не создаёт. */
  overflow-x: clip;
  background: var(--az-ink);
  color: var(--az-text);
  font-family: var(--az-font-sans);
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }

a { color: var(--az-accent); text-decoration: none; }
a:hover { color: var(--az-accent-hover); }

input, select, button, textarea { font-family: inherit; }

::selection { background: var(--az-accent); color: var(--az-ink); }