/* ============================================================
   TOKENS — переменные дизайн-системы (SSoT: .claude/skills/design/DESIGN.md)
   Светлая тема — :root, тёмная — [data-theme="dark"].
   Цвета в компонентах ТОЛЬКО через var(--name), хардкод hex запрещён.
   ============================================================ */

/* --- Шрифты (self-hosted, без внешних CDN) --- */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/manrope-400.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/manrope-500.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/manrope-700.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/manrope-800.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/jetbrains-mono-400.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/jetbrains-mono-500.woff2') format('woff2')}

:root{
  /* Бренд / действие */
  --orange:#F95E08; --orange-light:#FE8118; --orange-deep:#DB4E03;
  /* Текст и тёмная опора */
  --ink:#1C1B19; --ink-soft:#34322E; --body:#4A4642; --muted:#5E5A54;
  /* Поверхности */
  --canvas:#FFFFFF; --band:#FBF5EC; --surface:#FFFFFF; --hairline:#EFE7DA;
  --card-border:transparent;
  --field-bg:#FFFFFF; --field-border:#E6DCCD;
  /* Пастели и глубокие пары */
  --p-yellow:#ECEDC7; --p-lilac:#DED1E8; --p-mint:#D2E4E2; --p-sage:#D9E7CB;
  --d-yellow:#73761F; --d-lilac:#6B4E8E; --d-mint:#2E6E68; --d-sage:#4C7A3C;
  /* Служебные */
  --btn-dark-bg:#1C1B19; --btn-dark-fg:#FFFFFF;
  --hero-glow:#FFE2C2;
  --cta-strip:#FBE6D2;
  --split-panel:#E7EFEC;
  --state-no-bg:#FBE0D6; --state-no-fg:#A8421D;
  --success:#0E7A52;
  /* Подвал (тёмная опора в обеих темах) */
  --footer-bg:#1C1B19; --footer-fg:#B7B2AC; --footer-head:#FFFFFF;
  /* Геометрия и тени */
  --r-card:20px; --r-pill:999px;
  --shadow:0 16px 34px -18px rgba(40,30,15,.30);
  --shadow-soft:0 10px 26px -16px rgba(40,30,15,.20);
  /* Шрифтовые стеки */
  --sans:'Manrope',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}

[data-theme="dark"]{
  --ink:#F4F1EC; --ink-soft:#E6E2DC; --body:#C6C1CB; --muted:#9A95A2;
  --canvas:#18171C; --band:#201E24; --surface:#26242B; --hairline:#34313B;
  --card-border:#34313B;
  --field-bg:#201E24; --field-border:#3A3742;
  --p-yellow:#46451F; --p-lilac:#3A3150; --p-mint:#1E3E3B; --p-sage:#2C4126;
  --d-yellow:#DAD981; --d-lilac:#C7ACE8; --d-mint:#86DBD2; --d-sage:#ADDB90;
  --btn-dark-bg:#F4F1EC; --btn-dark-fg:#1C1B19;
  --hero-glow:rgba(249,94,8,.16);
  --cta-strip:#2A211A;
  --split-panel:#1E2C29;
  --state-no-bg:#4A2A1F; --state-no-fg:#F0B49E;
  --footer-bg:#141317; --footer-fg:#9A95A2; --footer-head:#E6E2DC;
  --shadow:0 16px 34px -18px rgba(0,0,0,.55);
  --shadow-soft:0 10px 26px -16px rgba(0,0,0,.45);
}