/* «Развитие BIM» — дизайн-токены. Сгенерировано из tokens.json.
   Палитра 1-1/1-2/1-3 доступна как --c-1-1, --c-1-2, --c-1-3.
   В вёрстке используйте семантические токены (surface, ink, brand...), не палитру. */

:root {
  --font-display: "Druk Text Wide Cyr", "Druk Text Wide", "Unbounded", "Arial Black", sans-serif;
  --font-tech: "ISOCPEUR", "Jura", "Arial Narrow", sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-12: 48px;
  --space-24: 96px;
  --radius-0: 0px;
  --radius-sm: 2px;
  --radius-md: 4px;
}

:root, [data-theme="light"] {
  --c-1-1: #ffffff;
  --c-1-2: #000000;
  --c-1-3: #47e1ec;
  --surface: #ffffff;
  --surface-raised: #f2f5f6;
  --ink: #000000;
  --ink-muted: #5b6670;
  --brand: #47e1ec;
  --on-brand: #000000;
  --brand-ink: #0a7a84;
  --line: #dde3e6;
  --line-strong: #7d8a93;
  --focus: #0a7a84;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #000000;
    --surface-raised: #0b1013;
    --ink: #ffffff;
    --ink-muted: #9aa6ae;
    --brand: #47e1ec;
    --on-brand: #000000;
    --brand-ink: #47e1ec;
    --line: #1a2328;
    --line-strong: #5f707a;
    --focus: #47e1ec;
  }
}

[data-theme="dark"] {
  --surface: #000000;
  --surface-raised: #0b1013;
  --ink: #ffffff;
  --ink-muted: #9aa6ae;
  --brand: #47e1ec;
  --on-brand: #000000;
  --brand-ink: #47e1ec;
  --line: #1a2328;
  --line-strong: #5f707a;
  --focus: #47e1ec;
}

/* Типографика */
.t-display-xl {
  font-family: var(--font-display);
  font-size: 88px;
  line-height: 0.95;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
.t-h1 {
  font-family: var(--font-display);
  font-size: 56px;
  line-height: 1.0;
  font-weight: 700;
}
.t-h2 {
  font-family: var(--font-display);
  font-size: 36px;
  line-height: 1.1;
  font-weight: 700;
}
.t-h3 {
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
}
.t-lead {
  font-family: var(--font-tech);
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
}
.t-body {
  font-family: var(--font-tech);
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
}
.t-caption {
  font-family: var(--font-tech);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.t-label {
  font-family: var(--font-tech);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}