/* ============================================================
   Асық ату — токены контентного сайта.
   Источник истины: макет, артборд «Асық ату · мобильный». Держим 1:1 с ним.

   Имя проекта и продукта в этом файле не упоминается намеренно: он копируется
   в dist/asyk/tokens.css как есть, а страница про асык не ссылается на продукт
   нигде — включая исходники, которые отдаются вместе со страницей.

   Палитра «mineral» — кость × окисленная медь. Обе краски из одной
   сцены: асык это отполированная баранья кость, медь тянется
   к казахскому металлу. Сайт про национальную игру намеренно
   не выглядит как продукт — общего с «Дала-премиум» здесь ничего.

   Шрифты выбраны под казахский: PT Serif и Golos Text рисуют все девять
   букв (ә ғ қ ң ө ұ ү һ і) — проверено разбором cmap. Manrope не рисует
   ә ғ қ ң ұ, Playfair Display не рисует ә ғ қ ң ө ү һ — оба здесь не нужны.

   Один из двух файлов в репозитории, где разрешены сырые цвета.
   ============================================================ */
:root {
  /* — Шрифты — */
  --font-serif: 'PT Serif', 'Noto Serif', Georgia, serif;
  --font-sans: 'Golos Text', ui-sans-serif, system-ui, sans-serif;

  /* — Кость: полированная, известковая пыль — */
  --color-paper: #ede8de;
  --color-paper-2: #ddd6c6;

  /* — Чернила и выветренный сланец — */
  --color-ink: #221f1a;
  --color-ink-2: #5b5548;

  /* — Окисленная медь: единственный акцент — */
  --color-copper: #2f7a6b;
  --color-copper-deep: #245f53;

  /* — Контуры — */
  --color-line: #c9c0ac;
  --color-line-soft: #d8d0be;

  /* — Тёмный подвал — */
  --color-dusk: #171512;
  --color-dusk-text: #d6ccb8;
  --color-dusk-muted: #8d8574;
  --color-dusk-line: #3a352c;

  /* — Плейсхолдеры и подложки фотографий — */
  --color-plate-1: #d6cdb9;
  --color-plate-2: #c4b9a1;
  --color-plate-3: #b0a48b;
  --color-plate-label: #6b6252;

  /* — Шкала кеглей — */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 36px;
  --text-5xl: 52px;

  /* — Интерлиньяж — */
  --leading-tight: 26px;
  --leading-heading: 36px;
  --leading-body: 27px;
  --leading-small: 22px;
  --leading-hero: 54px;

  /* — Трекинг — */
  --tracking-hero: -0.025em;
  --tracking-heading: -0.02em;
  --tracking-label: 0.14em;

  /* — Радиусы — */
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;

  /* — Отступы — */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* — Ширина колонки — */
  --measure: 68ch;
  --page-max: 1080px;

  /* — Поверхности — */
  --grad-plate: linear-gradient(150deg, var(--color-plate-1) 0%, var(--color-plate-2) 55%, var(--color-plate-3) 100%);
}