/* Сгенерировано из tools/bravo_ui/tokens.py — руками не править. */
:root {
  --b-font: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --b-mono: Consolas, 'SF Mono', Menlo, monospace;
  --b-ink: #1a1814;
  --b-muted: #6f6a63;
  --b-faint: #9a948b;
  --b-line: #e6e1d8;
  --b-paper: #f3f0ea;
  --b-card: #fffdf8;
  --b-head: #243044;
  --b-ok: #1f6b45;
  --b-ok-bg: #e7f3ec;
  --b-warn: #8a5a12;
  --b-warn-bg: #fbf3e4;
  --b-bad: #9b2c2c;
  --b-bad-bg: #f8e8e6;
  --b-space-xs: 4px;
  --b-space-s: 8px;
  --b-space-m: 12px;
  --b-space-l: 16px;
  --b-space-xl: 24px;
  --b-radius-s: 4px;
  --b-radius-m: 8px;
  --b-radius-l: 12px;
  --b-radius-pill: 999px;
  --b-text-small: 12px;
  --b-text-body: 14px;
  --b-text-lead: 16px;
  --b-text-title: 20px;
  --b-text-stat: 22px;
}
:root[data-scheme="dark"] {
  --b-ok: #4cc38a;
  --b-ok-bg: color-mix(in srgb, #4cc38a 16%, transparent);
  --b-warn: #e0a43a;
  --b-warn-bg: color-mix(in srgb, #e0a43a 16%, transparent);
  --b-bad: #f07167;
  --b-bad-bg: color-mix(in srgb, #f07167 16%, transparent);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-scheme="light"]) {
    --b-ok: #4cc38a;
    --b-ok-bg: color-mix(in srgb, #4cc38a 16%, transparent);
    --b-warn: #e0a43a;
    --b-warn-bg: color-mix(in srgb, #e0a43a 16%, transparent);
    --b-bad: #f07167;
    --b-bad-bg: color-mix(in srgb, #f07167 16%, transparent);
  }
}
.b-num { font-family: var(--b-mono); font-variant-numeric: tabular-nums; }
.b-tag { display: inline-block; font-size: 11px; font-weight: 600; line-height: 14px; padding: 2px 6px; border-radius: var(--b-radius-s); }
.b-ok { color: var(--b-ok); } .b-tag.b-ok { background: var(--b-ok-bg); }
.b-warn { color: var(--b-warn); } .b-tag.b-warn { background: var(--b-warn-bg); }
.b-bad { color: var(--b-bad); } .b-tag.b-bad { background: var(--b-bad-bg); }
.b-zero { color: var(--b-faint); }