/* Pixel Hub — дизайн-система «Amber Ledger»: токены.
   Только светлая тема. Подложка — тёплый ivory, меню и карточки — белые, текст — графит.
   Жёлтый #FFD60A и янтарный #FFC400 — главное действие, выделение, активный пункт; оранжевый — данные и акцент графиков.
   Цвета компонентов — только через токены (имена переменных сохранены для совместимости разделов). */

/* шрифты — локально, без внешних CDN: Onest (заголовки, KPI) и Golos Text (интерфейс), кириллица и казахский */
@font-face { font-family: "Onest"; font-style: normal; font-display: swap; font-weight: 100 900; src: url(../fonts/onest-cyrillic-ext-wght-normal.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: "Onest"; font-style: normal; font-display: swap; font-weight: 100 900; src: url(../fonts/onest-cyrillic-wght-normal.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Onest"; font-style: normal; font-display: swap; font-weight: 100 900; src: url(../fonts/onest-latin-ext-wght-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Onest"; font-style: normal; font-display: swap; font-weight: 100 900; src: url(../fonts/onest-latin-wght-normal.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: "Golos Text"; font-style: normal; font-display: swap; font-weight: 400 900; src: url(../fonts/golos-text-cyrillic-ext-wght-normal.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-display: swap; font-weight: 400 900; src: url(../fonts/golos-text-cyrillic-wght-normal.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-display: swap; font-weight: 400 900; src: url(../fonts/golos-text-latin-ext-wght-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Golos Text"; font-style: normal; font-display: swap; font-weight: 400 900; src: url(../fonts/golos-text-latin-wght-normal.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 {
  color-scheme: light;

  /* поверхности */
  --bg: #fbf8f1;            /* тёплый ivory — подложка рабочей области */
  --bg-glow: #fff1cc;       /* мягкое янтарное свечение в углу подложки */
  --panel: #ffffff;         /* карточки, меню, таблицы */
  --panel-2: #fdfbf6;       /* шапка таблицы, поле ввода, вторичная поверхность */
  --hover: #f8f3e7;         /* наведение на строку и пункт меню */
  --line: #efe8d9;          /* границы */
  --line-strong: #e0d6c1;

  /* текст — графит */
  --text: #2a2620;
  --muted: #7a7164;
  --faint: #ada493;

  /* графит для мелких тёмных элементов (основная кнопка, аватар, подсказка); тёмных фоновых секций нет */
  --ink: #2a2620;
  --on-ink: #ffffff;
  --ink-muted: #7a7164;
  --ink-line: #efe8d9;

  /* бренд */
  --yellow: #ffd60a;        /* главный цвет: главное действие, выделение */
  --amber: #ffc400;         /* акцент: активный пункт, рамки, прогресс */
  --orange: #ff8a1f;        /* данные и акцент графиков */
  --orange-deep: #e86a00;   /* текст и иконки на светлом янтарном фоне */
  --on-yellow: #2a2620;
  --yellow-soft: #fff6d6;   /* фон выделения и предупреждения */
  --amber-soft: #fff0c7;
  --yellow-text: #8a5a00;   /* текст предупреждения на светлом (AA) */
  --grad-amber: linear-gradient(135deg, #ffd60a 0%, #ffb800 55%, #ff9a1f 100%);
  --grad-amber-soft: linear-gradient(180deg, #fffaf0 0%, #fff3d6 100%);

  /* статусы */
  --ok: #1f8a4c;  --ok-soft: #e9f6ee;
  --bad: #c7362b; --bad-soft: #fdeeec;
  --info: #5b5346; --info-soft: #f4efe5;

  /* графики */
  --chart-a: #ff8a1f;       /* основная серия — линия / заливка */
  --chart-b: #ffe08a;       /* вторая серия, обычные столбцы (последний/главный — --yellow) */
  --chart-c: #f1e8d4;       /* нейтральная серия, дорожки */
  --chart-grid: #f1ebdf;

  /* тени: тёплые и мягкие */
  --shadow-card: 0 1px 2px rgba(120, 88, 20, .04), 0 10px 28px -18px rgba(120, 88, 20, .18);
  --shadow-pop: 0 18px 40px -12px rgba(92, 66, 14, .22), 0 3px 8px rgba(92, 66, 14, .06);
  --shadow-amber: 0 6px 16px -6px rgba(255, 150, 20, .55);
  --scrim: rgba(54, 42, 18, .28);

  /* шрифты */
  --f-display: "Onest", "Segoe UI", system-ui, sans-serif;     /* заголовки, KPI */
  --f-ui: "Golos Text", "Segoe UI", system-ui, sans-serif;     /* меню, таблицы, интерфейс */

  /* шкала текста */
  --t-2xs: 11px; --t-xs: 12px; --t-sm: 13px; --t-md: 14px; --t-lg: 16px; --t-xl: 20px; --t-2xl: 26px; --t-3xl: 32px;

  /* отступы, шаг 4 */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-7: 32px; --s-8: 48px;

  /* скругления по иерархии: поле < кнопка < карточка < окно */
  --r-1: 8px; --r-2: 12px; --r-3: 18px; --r-4: 24px; --r-pill: 999px;

  --side-w: 256px;
  --side-w-mini: 76px;
  --top-h: 72px;
  --row-h: 44px;           /* = rowH виртуальной таблицы в ui.js */

  --ease: cubic-bezier(.2, .7, .2, 1);
  --fast: 140ms;
  --med: 220ms;
  --focus-ring: 0 0 0 2px var(--panel), 0 0 0 4px var(--amber);
}