/* Сгенерировано из docs/brand/tokens.json — не править руками.
   Перегенерировать: python3 scripts/build_tokens.py */

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/onest/Onest-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/onest/Onest-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/onest/Onest-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/jetbrains-mono/JetBrainsMono-Regular.woff2") format("woff2");
}

:root {
  --surface: #ffffff;
  --surface-sunken: #f7f7f6;
  --surface-hover: #efefec;
  --border: #e6e6e3;
  --border-control: #8d8d87;
  --ink: #111111;
  --ink-muted: #5f5f5a;
  --primary: var(--ink);
  --on-primary: #ffffff;
  --brand: #4112cd;
  --brand-tint: #efebfc;
  --accent: #ce9125;
  --accent-ink: #8a5a0f;
  --accent-tint: #fbf5e6;
  --positive: #12704a;
  --negative: #b42318;
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --shadow-pop: 0 4px 16px rgba(17,17,17,0.08), 0 1px 2px rgba(17,17,17,0.06);
  --font-sans: Onest, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
}

.display {
  font-family: var(--font-sans);
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.title {
  font-family: var(--font-sans);
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.heading {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
}

.figure {
  font-family: var(--font-sans);
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.body {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.label {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.caption {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}

.code {
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}