/* Каркас — токены для кода. Копия project/tokens.json (главный источник — он).
   Стиль по референсу 01.11: монохром, тёплый белый, широкий гротеск, рамка, капсулы.
   Под бренд переписывать ТОЛЬКО этот файл: цвета, шрифты, радиусы. */

:root, [data-theme="light"] {
  --bg: #f6f3f1;
  --surface: #fbfaf9;
  --surface-2: #e9e5e2;
  --ink: #161616;
  --ink-muted: #6f6a66;
  --line: #dcd7d3;
  --line-strong: #8c8783;
  --accent: var(--ink);
  --accent-ink: var(--bg);
  --accent-soft: #e4dfdb;
  --success: #1d7548;
  --danger: #b3261e;
  --focus: var(--ink);
  --shadow-float: 0 10px 30px rgba(22, 22, 22, 0.10);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #121212; --surface: #1b1b1b; --surface-2: #262524;
    --ink: #f2efec; --ink-muted: #a39e9a; --line: #2f2e2d; --line-strong: #6b6662;
    --accent-soft: #2a2827; --success: #62c896; --danger: #ff8a80;
    --shadow-float: 0 10px 30px rgba(0, 0, 0, 0.55);
    color-scheme: dark;
  }
}
[data-theme="dark"] {
  --bg: #121212; --surface: #1b1b1b; --surface-2: #262524;
  --ink: #f2efec; --ink-muted: #a39e9a; --line: #2f2e2d; --line-strong: #6b6662;
  --accent-soft: #2a2827; --success: #62c896; --danger: #ff8a80;
  --shadow-float: 0 10px 30px rgba(0, 0, 0, 0.55);
  color-scheme: dark;
}

:root {
  --font-display: "Unbounded", "Arial Black", system-ui, sans-serif;
  --font-body: "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 96px;

  --radius-field: 14px;
  --radius-card: 22px;
  --radius-frame: 28px;
  --radius-btn: 999px;

  --tap-min: 48px;
  --container: 1240px;
  --bar-height: 64px;
  --border-frame: 1.5px;
  --shadow-item: 0 18px 18px rgba(0, 0, 0, 0.18);
}

.k-display { font: 600 120px/1 var(--font-display); letter-spacing: -0.04em; }
.k-h1 { font: 600 44px/48px var(--font-display); letter-spacing: -0.02em; }
.k-h2 { font: 500 28px/34px var(--font-display); letter-spacing: -0.01em; }
.k-h3 { font: 500 18px/24px var(--font-display); }
.k-nav-text { font: 400 14px/20px var(--font-display); letter-spacing: 0.02em; }
.k-label { font: 400 11px/16px var(--font-display); letter-spacing: 0.04em; }
.k-body { font: 400 16px/25px var(--font-body); }
.k-small { font: 400 14px/20px var(--font-body); }
.k-price { font: 500 16px/24px var(--font-mono); }