/* Generated from 8in-design-system/project/tokens.json. Run scripts/sync.py. */
:root, [data-theme="light"] {
  color-scheme: light;
  --ei-bg: #f5f5f8;
  --ei-surface: #ffffff;
  --ei-surface-raised: #ffffff;
  --ei-surface-sunken: #eef0f6;
  --ei-line: #e3e6ee;
  --ei-line-strong: #8a8b94;
  --ei-ink: #1c2030;
  --ei-ink-muted: #59556a;
  --ei-ink-faint: #6b7280;
  --ei-ink-inverse: #ffffff;
  --ei-brand: #126aff;
  --ei-on-brand: #ffffff;
  --ei-accent: #0f5ce0;
  --ei-accent-soft: #e7efff;
  --ei-brand-cyan: #37cfe9;
  --ei-ok: #277548;
  --ei-ok-soft: #e5f3e9;
  --ei-warn: #845d12;
  --ei-warn-soft: #faf0d7;
  --ei-danger: #aa3939;
  --ei-danger-soft: #fceaea;
  --ei-neutral: #635d74;
  --ei-neutral-soft: #f0eff5;
  --ei-focus-ring: var(--ei-accent);
  --ei-selection: #126aff4d;
  --ei-zone: #407aff24;
  --ei-zone-active: #407aff7a;
  --ei-on-brand-soft: #ffffff24;
  --ei-on-brand-line: #ffffff66;
  --ei-glass: #ffffff85;
  --ei-glass-control: #ffffff8c;
  --ei-glass-edge: #ffffffbf;
  --ei-glass-edge-soft: #ffffff40;
  --ei-tv-scrim: #11151bb3;
  --ei-masked: #cfd0d6;
  --ei-scrim: #181c2c59;
  --ei-shadow-popover: 0 4px 10px rgba(20,24,40,0.10), 0 16px 44px rgba(20,24,40,0.16);
  --ei-shadow-dialog: 0 24px 90px rgba(7,22,16,0.22);
  --ei-shadow-glass: 0 24px 60px rgba(10,14,30,0.28);
  --ei-shadow-poster: 0 8px 24px rgba(0,0,0,0.25);
  --ei-shadow-card: 0 1px 2px rgba(20,24,40,0.05), 0 6px 20px rgba(20,24,40,0.06);
}
[data-theme="dark"], :root.dark, :root.p-dark, :root.dark-mode {
  color-scheme: dark;
  --ei-bg: #0e1116;
  --ei-surface: #11151b;
  --ei-surface-raised: #171b22;
  --ei-surface-sunken: #0a0d11;
  --ei-line: #1f242c;
  --ei-line-strong: #626a78;
  --ei-ink: #edf0f5;
  --ei-ink-muted: #9aa2b0;
  --ei-ink-faint: #737b91;
  --ei-ink-inverse: #11151b;
  --ei-brand: #126aff;
  --ei-on-brand: #ffffff;
  --ei-accent: #5e9bff;
  --ei-accent-soft: #132544;
  --ei-brand-cyan: #37cfe9;
  --ei-ok: #9bd3ae;
  --ei-ok-soft: #1a3227;
  --ei-warn: #edc778;
  --ei-warn-soft: #322b1b;
  --ei-danger: #ffa4a4;
  --ei-danger-soft: #382328;
  --ei-neutral: #bcb9cc;
  --ei-neutral-soft: #1a1f27;
  --ei-focus-ring: var(--ei-accent);
  --ei-selection: #6aa3ff59;
  --ei-zone: #407aff24;
  --ei-zone-active: #407aff7a;
  --ei-on-brand-soft: #ffffff24;
  --ei-on-brand-line: #ffffff66;
  --ei-glass: #11151b75;
  --ei-glass-control: #ffffff12;
  --ei-glass-edge: #ffffff38;
  --ei-glass-edge-soft: #ffffff14;
  --ei-tv-scrim: #11151bb3;
  --ei-masked: #303640;
  --ei-scrim: #05070c8c;
  --ei-shadow-popover: 0 4px 10px rgba(0,0,0,0.45), 0 16px 44px rgba(0,0,0,0.55);
  --ei-shadow-dialog: 0 24px 90px rgba(0,0,0,0.40);
  --ei-shadow-glass: 0 24px 60px rgba(0,0,0,0.5);
  --ei-shadow-poster: 0 8px 24px rgba(0,0,0,0.4);
  --ei-shadow-card: 0 1px 2px rgba(0,0,0,0.35), 0 6px 20px rgba(0,0,0,0.35);
}
:root {
  --ei-space-1: 4px;
  --ei-space-2: 8px;
  --ei-space-3: 12px;
  --ei-space-4: 16px;
  --ei-space-5: 20px;
  --ei-space-6: 24px;
  --ei-space-8: 32px;
  --ei-space-12: 48px;
  --ei-radius-sm: 5px;
  --ei-radius-md: 8px;
  --ei-radius-lg: 12px;
  --ei-radius-xl: 16px;
  --ei-radius-full: 999px;
  --ei-size-control-sm: 24px;
  --ei-size-control-md: 28px;
  --ei-size-control-lg: 38px;
  --ei-size-touch: 44px;
  --ei-size-tv: 40px;
  --ei-size-row: 32px;
  --ei-size-row-lg: 48px;
  --ei-size-nav: 42px;
  --ei-size-panel: 390px;
  --ei-size-sidebar: 240px;
  --ei-size-focus: 2px;
  --ei-app-paste: #3B8CFF;
  --ei-app-text: #FF9A32;
  --ei-app-light: #FFC247;
  --ei-app-tunnel: #39C8D5;
  --ei-app-zones: #9872FF;
  --ei-app-dock: #64B7ED;
  --ei-app-ledger: #EB7F72;
  --ei-app-vault: #E47EB4;
  --ei-app-trips: #48C5B2;
  --ei-app-cinema: #E8676B;
  --ei-app-router: #70BF95;
  --ei-app-start: #B4A3FF;
  --ei-font-sans: 'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --ei-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --ei-type-display-lg-size: 34px;
  --ei-type-display-lg-line: 40px;
  --ei-type-display-lg-weight: 700;
  --ei-type-display-lg-tracking: -0.03em;
  --ei-type-display-size: 26px;
  --ei-type-display-line: 32px;
  --ei-type-display-weight: 600;
  --ei-type-display-tracking: -0.02em;
  --ei-type-title-size: 20px;
  --ei-type-title-line: 26px;
  --ei-type-title-weight: 600;
  --ei-type-heading-size: 15px;
  --ei-type-heading-line: 20px;
  --ei-type-heading-weight: 600;
  --ei-type-kicker-size: 10px;
  --ei-type-kicker-line: 14px;
  --ei-type-kicker-weight: 600;
  --ei-type-kicker-tracking: 0.1em;
  --ei-type-body-size: 13px;
  --ei-type-body-line: 18px;
  --ei-type-body-weight: 400;
  --ei-type-body-strong-size: 13px;
  --ei-type-body-strong-line: 18px;
  --ei-type-body-strong-weight: 600;
  --ei-type-body-web-size: 14px;
  --ei-type-body-web-line: 20px;
  --ei-type-body-web-weight: 400;
  --ei-type-label-size: 12px;
  --ei-type-label-line: 16px;
  --ei-type-label-weight: 500;
  --ei-type-caption-size: 11px;
  --ei-type-caption-line: 14px;
  --ei-type-caption-weight: 400;
  --ei-type-code-size: 13px;
  --ei-type-code-line: 19px;
  --ei-type-code-weight: 400;
  --ei-type-value-size: 13px;
  --ei-type-value-line: 18px;
  --ei-type-value-weight: 500;
  --ei-type-mono-caption-size: 10px;
  --ei-type-mono-caption-line: 14px;
  --ei-type-mono-caption-weight: 500;
  --ei-type-mono-caption-tracking: 0.08em;
  --ei-type-tv-title-size: 40px;
  --ei-type-tv-title-line: 48px;
  --ei-type-tv-title-weight: 600;
  --ei-type-tv-title-tracking: -0.02em;
  --ei-type-tv-heading-size: 32px;
  --ei-type-tv-heading-line: 40px;
  --ei-type-tv-heading-weight: 600;
  --ei-type-tv-body-size: 18px;
  --ei-type-tv-body-line: 26px;
  --ei-type-tv-body-weight: 400;
  --ei-type-tv-label-size: 16px;
  --ei-type-tv-label-line: 22px;
  --ei-type-tv-label-weight: 600;
  --ei-type-tv-caption-size: 12px;
  --ei-type-tv-caption-line: 17px;
  --ei-type-tv-caption-weight: 400;
  --ei-motion-fast: 120ms;
  --ei-motion-dialog: 220ms;
  --ei-motion-window: 240ms;
}
@font-face { font-family: "Golos Text"; src: url("fonts/GolosText-Variable.ttf") format("truetype"); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/JetBrainsMono-Variable.ttf") format("truetype"); font-weight: 100 800; font-style: normal; font-display: swap; }
@media (prefers-reduced-motion: reduce) { :root { --ei-motion-fast: 0ms; --ei-motion-dialog: 0ms; --ei-motion-window: 0ms; } }