/* ==========================================================================
   4BREWERS — дизайн-система кабинета. 1/3: токены.
   Шрифты, цвета светлой и тёмной темы, радиусы, тени, кривая анимации.
   Всё остальное (base.css, components.css, стили страниц) берёт значения только отсюда —
   цвет или шрифт меняется в одном месте. Описание и живые образцы — design/index.php.

   Происхождение: демо витрины v10 (21.09.2026). Значения перенесены из неё без изменений,
   добавлены только --info (статус «на сборке») и --r-l (радиус шторок).
   ========================================================================== */

/* шрифты у себя: кириллица + латиница, variable-начертания; лицензии — fonts/OFL-*.txt */
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 400 800; 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 800; 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; }
@font-face { font-family: 'Alumni Sans'; font-style: normal; font-weight: 600 800; font-display: swap; src: url('fonts/alumni-sans-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Alumni Sans'; font-style: normal; font-weight: 600 800; font-display: swap; src: url('fonts/alumni-sans-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; }
/* знак рубля ₽ (U+20BD): его нет ни в кириллице, ни в латинице выше — без этих двух строк браузер брал ₽
   из системного шрифта, и в крупных суммах рядом с узкими цифрами Alumni Sans стоял чужой широкий знак.
   Файлы — набор latin-ext тех же шрифтов (Google Fonts), подключены только для ₽ */
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('fonts/golos-text-latin-ext.woff2') format('woff2'); unicode-range: U+20BD; }
@font-face { font-family: 'Alumni Sans'; font-style: normal; font-weight: 600 800; font-display: swap; src: url('fonts/alumni-sans-latin-ext.woff2') format('woff2'); unicode-range: U+20BD; }

:root {
  /* поверхности: фон страницы — тёплая бумага, карточки и поля — белые, подложки — на тон темнее */
  --bg: #f4f1ea;
  --bg-2: #ffffff;
  --bg-3: #ece7dc;
  --bg-4: #dfd8ca;
  --line: rgba(26, 23, 20, .09);
  --line-2: rgba(26, 23, 20, .2);
  /* текст: основной, второй, третий (подписи) */
  --fg: #1a1714;
  --fg-2: #5f574d;
  --fg-3: #6f675d;
  /* фирменный жёлтый — шапка и единственное главное действие на экране («в заказ», «Оформить») */
  --brand: #FEC12B;
  --brand-2: #f5b616;
  --brand-ink: #1b1500;
  --brand-text: #8a5b00;
  --brand-line: rgba(200, 140, 0, .5);
  --brand-soft: rgba(254, 193, 43, .18);
  --brand-halo: rgba(254, 193, 43, .5);
  /* смысловые: скидка/ошибка, тёплая полка, мало осталось, хорошо, справка */
  --sale: #d9232f;
  --sale-soft: rgba(217, 35, 47, .1);
  --warm: #c2410c;
  --low: #b8650a;
  --ok: #1f8a4c;
  --ok-soft: rgba(31, 138, 76, .12);
  --info: #2f6fd6;
  --info-soft: rgba(47, 111, 214, .1);
  /* подставка фото товара, избранное */
  --plate: #ffffff;
  --plate-line: rgba(26, 23, 20, .08);
  --plate-shadow: rgba(0, 0, 0, .14);
  --fav-idle: #b8b0a4;
  /* тёмные плашки (итог заказа), бейджи, всплывающие сообщения */
  --ink: #1a1714;
  --ink-fg: #f4efe6;
  --ink-2: #2a2521;
  --badge-bg: #1a1714;
  --badge-fg: #ffffff;
  --pop-bg: #1a1714;
  --pop-fg: #f4efe6;
  /* затемнение под шторками, кнопки поверх фото */
  --veil: rgba(30, 24, 18, .5);
  --veil-soft: rgba(30, 24, 18, .22);
  --scrim-btn: rgba(26, 23, 20, .82);
  --scrim-btn-fg: #ffffff;
  --video-bg: #000000;
  --focus: #8a5b00;
  /* шапка — сплошная фирменная полоса: её кнопки и подписи в тоне чернил на жёлтом */
  --hdr-ink: #1b1500;
  --hdr-btn: rgba(27, 21, 0, .1);
  --hdr-btn-2: rgba(27, 21, 0, .18);
  --hdr-muted: rgba(27, 21, 0, .62);
  --warm-badge: #e8590c;
  --warm-badge-fg: #ffffff;
  --lad-track: var(--bg-4);
  /* тени */
  --shadow: 0 18px 50px rgba(64, 44, 14, .22);
  --shadow-s: 0 1px 3px rgba(26, 23, 20, .12);
  --shadow-card: 0 1px 2px rgba(26, 23, 20, .06);
  --shadow-dock: 0 10px 30px -14px rgba(26, 23, 20, .45);
  --shadow-bar: 0 18px 50px rgba(26, 23, 20, .35), inset 0 1px 0 rgba(255, 255, 255, .08);
  /* радиусы: карточки, мелкие элементы, шторки */
  --r: 14px;
  --r-s: 10px;
  --r-l: 22px;
  /* шрифты: Golos Text — всё; Alumni Sans — крупные числа и заголовки шторок/страниц (всегда прописными) */
  --f-display: "Alumni Sans", "Arial Narrow", "Helvetica Neue", sans-serif;
  --f-body: "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ease: cubic-bezier(.2, .8, .2, 1);
  /* высоты: плашка заказа внизу, шапка */
  --bar-h: 80px;
  --hdr-h: 52px;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #151311;
  --bg-2: #1f1b18;
  --bg-3: #2a2521;
  --bg-4: #37312b;
  --line: rgba(255, 255, 255, .08);
  --line-2: rgba(255, 255, 255, .18);
  --fg: #f4efe6;
  --fg-2: #b3aa9e;
  --fg-3: #8f877c;
  --brand-2: #ffd45e;
  --brand-text: #FEC12B;
  --brand-line: rgba(254, 193, 43, .55);
  --brand-soft: rgba(254, 193, 43, .12);
  --brand-halo: rgba(254, 193, 43, .4);
  --sale: #ff5c6c;
  --sale-soft: rgba(255, 92, 108, .14);
  --warm: #ff8a3a;
  --low: #ffb454;
  --ok: #4cd37b;
  --ok-soft: rgba(76, 211, 123, .16);
  --info: #7aa7ff;
  --info-soft: rgba(122, 167, 255, .14);
  --plate-line: transparent;
  --fav-idle: #c9c1b5;
  --ink: #0f0d0b;
  --ink-fg: #f4efe6;
  --ink-2: #1f1b18;
  --badge-bg: #f4efe6;
  --badge-fg: #151311;
  --pop-bg: #ffffff;
  --pop-fg: #151311;
  --veil: rgba(8, 6, 4, .7);
  --veil-soft: rgba(8, 6, 4, .35);
  --scrim-btn: rgba(21, 19, 17, .85);
  --focus: #FEC12B;
  --warm-badge: #ff8a3a;
  --warm-badge-fg: #1b1500;
  --lad-track: #3a332c;
  --shadow: 0 18px 50px rgba(0, 0, 0, .55);
  --shadow-s: 0 1px 3px rgba(0, 0, 0, .3);
  --shadow-card: none;
  --shadow-dock: 0 10px 30px -14px rgba(0, 0, 0, .7);
  --shadow-bar: 0 18px 50px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .06);
  color-scheme: dark;
}