/* ОКТАН — токены v0.1.0. Собрано из tokens/src/*.json скриптом tokens/build-tokens.mjs. Руками не править. */
:root {
  --oktan-brand-blue: #0A3D8F;
  --oktan-brand-blue-deep: #06275E;
  --oktan-brand-ink: #0F141A;
  --oktan-brand-logo-badge: identity/logo/src/oktan-badge.svg;
  --oktan-brand-logo-monogram: identity/logo/src/oktan-monogram.svg;
  --oktan-brand-logo-wordmark: identity/logo/src/oktan-wordmark.svg;
  --oktan-brand-name-company: ОКТАН ТЕХ;
  --oktan-brand-name-domain: oktan.tech;
  --oktan-brand-name-formula: C₈H₁₈;
  --oktan-brand-name-wordmark: ОКТАН;
  --oktan-brand-orange: #E5461F;
  --oktan-brand-steel: #2B3440;
  --oktan-brand-steel-light: #E3E7EC;
  --oktan-brand-white: #FFFFFF;
  --oktan-color-accent-fuel: #E5461F;
  --oktan-font-family-display: Unbounded, sans-serif;
  --oktan-font-family-mono: "JetBrains Mono", ui-monospace, monospace;
  --oktan-font-family-text: "IBM Plex Sans", system-ui, sans-serif;
  --oktan-font-feature-digits: tabular-nums;
  --oktan-font-leading-body: 1.5;
  --oktan-font-leading-caption: 1.45;
  --oktan-font-leading-display: 1.05;
  --oktan-font-leading-label: 1.3;
  --oktan-font-leading-litres: 1.02;
  --oktan-font-leading-mono: 1.45;
  --oktan-font-leading-subtitle: 1.3;
  --oktan-font-leading-title: 1.2;
  --oktan-font-print-body: 10.5pt;
  --oktan-font-print-body-leading: 14.2pt;
  --oktan-font-print-caption: 8.5pt;
  --oktan-font-print-family: "PT Sans", sans-serif;
  --oktan-font-print-mono: 10.5pt;
  --oktan-font-print-subtitle: 12pt;
  --oktan-font-print-title: 14pt;
  --oktan-font-size-body: 17px;
  --oktan-font-size-caption: 13.5px;
  --oktan-font-size-display: 56px;
  --oktan-font-size-label: 11.5px;
  --oktan-font-size-litres: 64px;
  --oktan-font-size-mono: 15px;
  --oktan-font-size-subtitle: 19px;
  --oktan-font-size-title: 24px;
  --oktan-font-tracking-formula: 0.08em;
  --oktan-font-tracking-label: 0.12em;
  --oktan-font-tracking-wordmark: 0.04em;
  --oktan-font-weight-display: 900;
  --oktan-font-weight-mono: 400;
  --oktan-font-weight-mono-bold: 700;
  --oktan-font-weight-text: 400;
  --oktan-font-weight-text-bold: 700;
  --oktan-grid-base: 4px;
  --oktan-logo-badge-min-height: 24px;
  --oktan-logo-clear-space: 0.18;
  --oktan-logo-monogram-min: 28px;
  --oktan-logo-wordmark-min-cap: 14px;
  --oktan-radius-icon: 0.18;
  --oktan-shape-state-danger: octagon;
  --oktan-shape-state-offline: diamond;
  --oktan-shape-state-ok: circle;
  --oktan-shape-state-warn: triangle;
  --oktan-touch-min: 48dp;
  --oktan-touch-primary: 56dp;
  --oktan-color-border-default: #737D8B;
  --oktan-color-state-danger: #8E1B10;
  --oktan-color-state-offline: #5A6472;
  --oktan-color-state-ok: #0A3D8F;
  --oktan-color-state-warn: #7A5600;
  --oktan-color-surface-brand: #0A3D8F;
  --oktan-color-surface-card: #FFFFFF;
  --oktan-color-surface-page: #E3E7EC;
  --oktan-color-text-brand: #0A3D8F;
  --oktan-color-text-inverse: #FFFFFF;
  --oktan-color-text-muted: #5A6472;
  --oktan-color-text-primary: #0F141A;
  --oktan-color-text-secondary: #2B3440;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --oktan-color-border-default: #5A6578;
  --oktan-color-border-shape-ring: #EEF1F5;
  --oktan-color-state-danger: #8E1B10;
  --oktan-color-state-offline: #5A6472;
  --oktan-color-state-ok: #0A3D8F;
  --oktan-color-state-warn: #7A5600;
  --oktan-color-surface-brand: #0A3D8F;
  --oktan-color-surface-card: #1A2029;
  --oktan-color-surface-page: #0F141A;
  --oktan-color-text-brand: #EEF1F5;
  --oktan-color-text-inverse: #FFFFFF;
  --oktan-color-text-muted: #8B97A6;
  --oktan-color-text-primary: #EEF1F5;
  --oktan-color-text-secondary: #BAC4D1;
  --oktan-color-usage-state-style: outline;
} }
:root[data-theme="dark"] {
  --oktan-color-border-default: #5A6578;
  --oktan-color-border-shape-ring: #EEF1F5;
  --oktan-color-state-danger: #8E1B10;
  --oktan-color-state-offline: #5A6472;
  --oktan-color-state-ok: #0A3D8F;
  --oktan-color-state-warn: #7A5600;
  --oktan-color-surface-brand: #0A3D8F;
  --oktan-color-surface-card: #1A2029;
  --oktan-color-surface-page: #0F141A;
  --oktan-color-text-brand: #EEF1F5;
  --oktan-color-text-inverse: #FFFFFF;
  --oktan-color-text-muted: #8B97A6;
  --oktan-color-text-primary: #EEF1F5;
  --oktan-color-text-secondary: #BAC4D1;
  --oktan-color-usage-state-style: outline;
}