/* ============================================================
   SMOKEY DESIGN SYSTEM — TOKENS (v1, из Claude Design a49da948)
   Синхронизировано Штурманом 2026-07-23. Источник правды — Claude Design.
   Готово к прямой вставке в глобальный CSS сайта. Тёмная тема — базовая.
   НЕ править вручную здесь — менять в Claude Design и пере-синкать.
   ============================================================ */

/* --- fonts.css --- */
/* Golos Text + JetBrains Mono поставляются локально, включая кыргызскую кириллицу (ө ү ң). */
@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/assets/fonts/golos-text-cyrillic-ext.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/assets/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("/assets/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: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/fonts/jetbrains-mono-cyrillic-ext.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/fonts/jetbrains-mono-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/fonts/jetbrains-mono-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;
}

:root{
  --font-text: "Golos Text", "Noto Sans", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "Noto Sans Mono", ui-monospace, monospace;
}

/* --- colors.css — тёмная тема БАЗОВАЯ, светлая производная (только печать) --- */
:root{
  /* ночная шкала (фоны) */
  --night-0: #08090B;   /* полотно за макетом */
  --night-1: #0B0D10;   /* базовый фон */
  --night-2: #12151A;   /* поверхность */
  --night-3: #1A1F26;   /* карточка */
  --night-4: #232A33;   /* поднятая / hover */

  /* текст */
  --text-1: #F4F6F8;
  --text-2: #A0A8B1;
  --text-3: #7F8993; /* WCAG AA для мелкого текста на night-1…night-3 */

  /* линии */
  --line-1: rgba(255,255,255,.09);
  --line-2: rgba(255,255,255,.16);

  /* акцент — латунный янтарь V1 (утв. 2026-07-12). Матовый, функциональный. НЕ градиент, НЕ золото-декор. */
  --amber: #E4B04A;
  --amber-dim: #8A6A2B;               /* пригашённый: рамки, вторичные отметки */
  --amber-ink: #0B0D10;               /* текст на янтаре */
  --amber-glow: rgba(228,176,74,.5);  /* свечение активной точки статуса */
  --amber-soft: rgba(228,176,74,.14); /* заливка-подложка */

  /* статусы заказа: цветной в моменте — только активный шаг */
  --status-idle: #5F6870;
  --status-done: #A0A8B1;
  --status-active: #E4B04A;
  --status-pickup: #5FC9D4;
  --alert: #D96A57;

  /* семантические алиасы */
  --surface-page: var(--night-1);
  --surface-card: var(--night-3);
  --surface-sunken: var(--night-2);
  --surface-raised: var(--night-4);
  --text-body: var(--text-1);
  --text-muted: var(--text-2);
  --text-faint: var(--text-3);
  --accent: var(--amber);
  --accent-ink: var(--amber-ink);
  --border-soft: var(--line-1);
  --border-strong: var(--line-2);
}

[data-theme="light"]{
  --night-0: #E9EAEC;  --night-1: #F4F5F6;  --night-2: #FFFFFF;  --night-3: #FFFFFF;  --night-4: #ECEDEF;
  --text-1: #16191D;   --text-2: #4B535B;   --text-3: #8B939B;
  --line-1: rgba(11,13,16,.12);  --line-2: rgba(11,13,16,.24);
  --amber: #A87E22;    --amber-ink: #FFFFFF;  --amber-glow: rgba(168,126,34,.35);  --amber-soft: rgba(168,126,34,.10);
  --status-idle: #8B939B;  --status-done: #4B535B;  --status-active: #A87E22;  --status-pickup: #2E7E88;
}

/* --- spacing.css — сетка, форма, тени --- */
:root{
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;  --sp-4: 16px;  --sp-5: 20px;
  --sp-6: 24px; --sp-7: 32px; --sp-8: 40px;  --sp-9: 56px;  --sp-10: 80px;

  /* радиусы: комплект-слой строже, продукт-слой мягче */
  --r-s: 6px;  --r-m: 10px;  --r-l: 16px;  --r-pill: 999px;

  --bw: 1px;  --bw-badge: 1.5px;

  /* тени: почти без теней, глубина фоном; допустимы только эти */
  --shadow-card: 0 12px 32px rgba(0,0,0,.35);
  --glow-active: 0 0 12px var(--amber-glow);

  /* свет: hero-подсветка предмета (радиальный фон) */
  --light-pool: radial-gradient(620px 340px at 50% 12%, #262D36 0%, #14181D 52%, #0B0D10 100%);
  --image-wash: linear-gradient(180deg, rgba(11,13,16,.12) 0%, rgba(11,13,16,.5) 100%),
    radial-gradient(120% 90% at 50% 0%, rgba(228,176,74,.1) 0%, rgba(228,176,74,0) 60%);

  /* стекло: подложка статус-ленты поверх фото */
  --glass-bg: rgba(26,31,38,.72);
  --glass-blur: 8px;
}

/* --- typography.css — Golos Text (текст) + JetBrains Mono (всё «из машины»: цены, №, статусы, время) --- */
:root{
  --fs-caption: 12px;   --fs-mono-s: 13px;  --fs-body-s: 14px;  --fs-body: 15px;  --fs-body-l: 17px;
  --fs-h3: 22px;  --fs-h2: 30px;  --fs-h1: 40px;  --fs-display: 56px;  --fs-wordmark: 64px;  --fs-price: 44px;

  --lh-tight: 1.1;  --lh-heading: 1.25;  --lh-body: 1.55;  --lh-list: 2;

  --w-regular: 400;  --w-medium: 500;  --w-semibold: 600;  --w-bold: 700;

  --ls-heading: 0;  --ls-display: 0;  --ls-wordmark: 0;
  --ls-label: 0;    --ls-mono-tag: 0;
}

/* --- base.css — базовые правила для потребителей токенов --- */
body{
  background: var(--surface-page);
  color: var(--text-body);
  font-family: var(--font-text);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  margin: 0;
  -webkit-font-smoothing: antialiased;
}
a{ color: var(--accent); }
a:hover{ color: var(--text-1); }
[data-theme="light"] a:hover{ color: var(--text-1); }
::selection{ background: var(--amber-soft); color: var(--text-1); }