/* Механический перенос design/design.md. Источник правды — design.md.
   Никаких значений, которых нет в design.md. Расхождение = баг. */

@theme static {
  /* Surfaces */
  --color-canvas: #0b0c0e;
  --color-code: #0f1114;
  --color-surface: #131518;
  --color-card: #1a1d21;

  /* Text */
  --color-text: #eceef1;
  --color-text-muted: #b6bac1;
  --color-text-subtle: #8d929b;

  /* Accents */
  --color-iris: #7ea6f0;
  --color-iris-deep: #5683da;
  --color-ember: #ff8964;
  --color-ember-deep: #5a250a;

  /* Borders */
  --color-border: #2b2f35;
  --color-border-strong: #6b7280;

  /* Подложки тегов: акцент на 12% — посчитано заранее, чтобы не гонять
     color-mix на каждый элемент (заметно в styleLayout на слабом CPU). */
  --color-iris-wash: #171c26;
  --color-ember-wash: #2a1a16;

  /* Fonts */
  --font-display: 'Unbounded', 'Unbounded Fallback', 'Onest', 'Manrope', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Inter', 'Inter Fallback', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Mono Fallback', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Type scale — size / line-height / letter-spacing */
  --text-caption: 13px;
  --text-caption--line-height: 1.45;
  --text-caption--letter-spacing: 0;

  --text-small: 15px;
  --text-small--line-height: 1.55;
  --text-small--letter-spacing: -0.01em;

  --text-body: 18px;
  --text-body--line-height: 1.65;
  --text-body--letter-spacing: -0.01em;

  --text-lead: 21px;
  --text-lead--line-height: 1.55;
  --text-lead--letter-spacing: -0.015em;

  --text-h4: 20px;
  --text-h4--line-height: 1.35;
  --text-h4--letter-spacing: -0.015em;

  --text-h3: 24px;
  --text-h3--line-height: 1.3;
  --text-h3--letter-spacing: -0.02em;

  --text-h2: 30px;
  --text-h2--line-height: 1.25;
  --text-h2--letter-spacing: -0.025em;

  --text-h1: 44px;
  --text-h1--line-height: 1.1;
  --text-h1--letter-spacing: -0.03em;

  --text-display: 72px;
  --text-display--line-height: 0.95;
  --text-display--letter-spacing: -0.04em;

  /* Spacing — base unit 4px */
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 24px;
  --spacing-6: 32px;
  --spacing-7: 48px;
  --spacing-8: 64px;
  --spacing-9: 96px;
  --spacing-10: 144px;

  /* Radius */
  --radius-pill: 9999px;
  --radius-card: 12px;
  --radius-code: 8px;

  /* Shadows */
  --shadow-sm: rgba(0, 0, 0, 0.25) 0 2px 8px 0;
  --shadow-lg: rgba(0, 0, 0, 0.5) 0 6px 25px 0;
  --shadow-focus: rgba(126, 166, 240, 0.45) 0 0 0 3px;

  /* Layout */
  --max-page: 1200px;
  --max-prose: 68ch;
}

/* Мобильный шаг шкалы: display/h1/h2 уменьшаются, тело текста — никогда. */
@media (max-width: 640px) {
  :root {
    --text-display: 44px;
    --text-h1: 32px;
    --text-h2: 25px;
  }
}