/* ============================================================
   Zavodika web — the seller's shared tokens
   ============================================================ */

/* One source of the seller's look: colour, radius, shadow and font tokens and the font faces.
 *
 * index.html links this file before styles.css; the manufacturer cabinet imports it at build time
 * (PROJECT2_SPEC §7, D-D19, D-D39). Everything here moved from styles.css with identical values, and
 * static.test.js pins them. Layout variables (--sidebar, --max) and color-scheme stay in styles.css.
 * Font URLs resolve against this file, which lives next to styles.css. */

/* Шрифты те же, что на лендинге, и в той же роли.
 *
 * Onest — весь текст. Unbounded — только цифры, и это не обрезанный файл,
 * а система: на лендинге в нём ровно одиннадцать глифов (пробел и 0–9),
 * поэтому в стеке «Unbounded, Onest» буквы рисует Onest, а числа —
 * Unbounded. Крупные числа своим начертанием, слова — общим.
 *
 * Из этого следует то, что легко принять за поломку: заголовок кабинета
 * набран Onest, хотя в font-family первым стоит Unbounded. Так и надо —
 * ровно так же выглядит лендинг.
 *
 * Формат woff2 вместо ttf. Onest пересобран из наших же полных ttf, все
 * 470 глифов на месте: подмена файлом лендинга стоила бы знака ₽, а им
 * подписана каждая вторая цифра в кабинете. Unbounded взят у лендинга как
 * есть — там и нужны одни цифры.
 *
 * Весило 644 КБ, стало 126 КБ. Больше половины прежнего веса приходилось
 * на Unbounded (349 КБ) — ради заголовков, которые теперь и не он. */
@font-face { font-family: "Onest"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/onest-400.woff2") format("woff2"); }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/onest-500.woff2") format("woff2"); }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/onest-600.woff2") format("woff2"); }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/fonts/onest-700.woff2") format("woff2"); }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 800; font-display: swap; src: url("assets/fonts/onest-800.woff2") format("woff2"); }
@font-face { font-family: "Unbounded"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/fonts/unbounded-700.woff2") format("woff2"); }

:root {
  --accent: #c51708;
  --accent-dark: #8f0c04;
  --accent-soft: #fff1ef;
  --ink: #111111;
  --ink-soft: #373333;
  --muted: #6c6462;
  --paper: #f4f2ef;
  --surface: #ffffff;
  --surface-warm: #fbfaf8;
  --line: #e2ddd6;
  --line-strong: #c6bdb3;
  --ok: #1a6c3f;
  --ok-soft: #e9f5ee;
  --warn: #8a5300;
  --warn-soft: #fdf2df;
  --info: #1d4f92;
  --info-soft: #eaf1fb;
  --shadow: 0 12px 32px rgba(24, 18, 16, 0.08);
  --shadow-sm: 0 3px 10px rgba(24, 18, 16, 0.06);
  --radius: 10px;
  --radius-lg: 16px;
}