/* ═══════════════════════════════════════════════════════════════════════════
   Токены Almabella — 1:1 из docs/ui-library.html (:root).
   Единственный источник правды по цвету, шрифтам, отступам, межстрочным и тени.
   Имена — как в UI library: cocoa / cream / paper / rust / honey и т.д.

   Страница игры подключает css/themes/<код>.css и переопределяет цвета со своей
   печатной обложки. Токены раскладки, которых нет в библиотеке (--wrap, --t-*,
   --r-*, --dark…) живут в начале css/base.css.
   ═══════════════════════════════════════════════════════════════════════════ */

@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('../assets/fonts/inter-regular.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('../assets/fonts/inter-medium.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('../assets/fonts/inter-semibold.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700 800; font-display: swap; src: url('../assets/fonts/inter-bold.woff2') format('woff2'); }
@font-face { font-family: 'StampatelloFaceto'; font-display: swap; src: url('../assets/fonts/StampatelloFacetoKern.otf') format('opentype'); }

/* Системная подсветка нажатия (синий/серый прямоугольник на телефоне) — выключена на всём сайте: отклик на тап дают сами кнопки.
   Свойство наследуется, поэтому достаточно html; фокус с клавиатуры (:focus-visible) остаётся. */
html { -webkit-tap-highlight-color: transparent; }
/* Масштаб двумя пальцами запрещён на всём сайте: прокрутка остаётся, щипок — нет. Работает и в Safari, который игнорирует
   user-scalable=no в <meta viewport>; дочерние touch-action пересекаются с этим (у 3D-сцен и карт свои жесты на none). */
html { touch-action: pan-x pan-y; }

:root {
  /* ОСНОВНЫЕ — гайдлайн */
  --cream: #F5E7D3; --paper: #FFFCF5;
  --cocoa: #4C2B23;
  /* АКЦЕНТЫ — пара 1 (синий) */
  --blue: #5F709B; --blue-dark: #0A1B3F;
  /* АКЦЕНТЫ — пара 2 (фиолетовый) */
  --purple: #6C407F; --purple-dark: #430F57;
  /* АКЦЕНТЫ — пара 3 (терракота + янтарь) */
  --rust: #AE5036; --honey: #ECA04A;
  /* UI-расширения (только для сайта) */
  --rust-dark: #8f3f2e; --wine: #5B2E27; --yellow: #F3C45D;
  /* honey-dark — press-state honey (мобильные кнопки, sticky bar) */
  --honey-dark: #e5924a;
  --black: #1A1A1A;
  --good: #5f8f4f; --bad: #a3392a;
  /* WARN — паттерн для error-состояний форм */
  --warn: #F5C24A; --warn-tint: #FFF5DC;
  --line: rgba(84, 43, 38, .14);
  --shadow-md: 0 28px 60px -30px rgba(84, 43, 38, .30);
  --ease: cubic-bezier(.2, .8, .2, 1);
  /* ОТСТУПЫ — 4-based scale */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 120px;
  /* МЕЖСТРОЧНЫЕ */
  --lh-tight: 1;
  --lh-snug: 1.15;
  --lh-normal: 1.5;
  --lh-loose: 1.65;
  /* ШРИФТЫ — Inter SemiBold (заголовки), Inter Regular (текст), Stampatello Face to (акцент) */
  --display: 'Inter', system-ui, sans-serif;
  --body: 'Inter', system-ui, sans-serif;
  --hand: 'StampatelloFaceto', 'Inter', sans-serif;
  --editorial: 'Inter', system-ui, sans-serif;
  --cur-pointer: pointer;
}