/* Croft — tokens.css (сгенерировано из tokens.json). Тёмная тема: <html data-theme="dark"> */
@font-face{font-family:'Tektur';src:url('/fonts/Tektur-Variable.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:'Geologica';src:url('/fonts/Geologica-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Martian Mono';src:url('/fonts/MartianMono-Variable.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
:root, [data-theme="light"] {
  --canvas: #F2F2EE;
  --surface: #FFFFFF;
  --surface-2: #F7F7F3;
  --surface-3: #EAEAE4;
  --line: #E2E2DB;
  --line-strong: #8A8C85;
  --ink: #131519;
  --ink-2: #464950;
  --ink-3: #62666D;
  --asphalt: #15171B;
  --asphalt-2: #22252B;
  --on-asphalt: #EDEEE8;
  --on-asphalt-2: #A0A4AC;
  --signal: #C6F43B;
  --on-signal: #131519;
  --signal-ink: #456200;
  --signal-soft: #EDF9C8;
  --ok: #0A6A77;
  --ok-soft: #DDF0F2;
  --warn: #8F5000;
  --warn-soft: #FBEDD3;
  --danger: #B32318;
  --danger-soft: #FDE6E2;
  --info: #3048BF;
  --info-soft: #E6EAFC;
  --focus: #131519;
  --chart-1: #C6F43B;
  --chart-2: #62D0DD;
  --chart-grid: #2C3036;
  --meter: var(--signal-ink);
  --link: var(--signal-ink);
  --scrim: rgba(10, 11, 13, 0.56);
  --plate-bg: #FFFFFF;
  --plate-ink: #131519;
  --shadow-1: 0 1px 0 #1315190a, 0 1px 3px #1315190f;
  --shadow-2: 0 2px 4px #13151914, 0 12px 24px -6px #1315191f;
  --shadow-3: 0 24px 64px -12px #1315194d, 0 4px 12px #1315191a;
  --focus-ring: 0 0 0 2px #F2F2EE, 0 0 0 4px #131519;
}
[data-theme="dark"] {
  --canvas: #0D0E11;
  --surface: #16181C;
  --surface-2: #1C1F24;
  --surface-3: #262A30;
  --line: #2A2E34;
  --line-strong: #6E737C;
  --ink: #F1F2EC;
  --ink-2: #BBBEC4;
  --ink-3: #9296A0;
  --asphalt: #1D2025;
  --asphalt-2: #2A2E35;
  --on-asphalt: #EDEEE8;
  --on-asphalt-2: #A0A4AC;
  --signal: #C6F43B;
  --on-signal: #131519;
  --signal-ink: #C6F43B;
  --signal-soft: #26300F;
  --ok: #62D0DD;
  --ok-soft: #0F2C31;
  --warn: #F3B557;
  --warn-soft: #33240C;
  --danger: #FF8B7C;
  --danger-soft: #3A1613;
  --info: #9DAEFF;
  --info-soft: #1B2244;
  --focus: #C6F43B;
  --chart-1: #C6F43B;
  --chart-2: #62D0DD;
  --chart-grid: #2C3036;
  --meter: var(--signal-ink);
  --link: var(--signal-ink);
  --scrim: rgba(0, 0, 0, 0.66);
  --plate-bg: #F4F4F0;
  --plate-ink: #131519;
  --shadow-1: 0 1px 0 #00000066, 0 0 0 1px #ffffff08;
  --shadow-2: 0 12px 28px -4px #000000b3, 0 0 0 1px #ffffff0d;
  --shadow-3: 0 32px 80px -12px #000000e6, 0 0 0 1px #ffffff14;
  --focus-ring: 0 0 0 2px #0D0E11, 0 0 0 4px #C6F43B;
}
:root {
  --space-0-5: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-24: 96px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 999px;
  --notch: 14px;
  --sidebar-w: 256px;
  --topbar-h: 72px;
  --tabbar-h: 64px;
  --control-sm: 32px;
  --control-md: 40px;
  --control-lg: 48px;
  --control-xl: 60px;
  --content-max: 1480px;
  --dialog-w: 560px;
  --bp-sm: 640px;
  --bp-md: 900px;
  --bp-lg: 1024px;
  --bp-xl: 1440px;
  --dur-1: 120ms;
  --dur-2: 220ms;
  --dur-3: 360ms;
  --dur-4: 800ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-in-out: cubic-bezier(0.6, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.3, 1.4, 0.5, 1);
  --z-sticky: 10;
  --z-nav: 20;
  --z-popover: 40;
  --z-dialog: 60;
  --font-display: Tektur, "Geologica", system-ui, sans-serif;
  --font-sans: Geologica, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
.display-xl { font-family:var(--font-display); font-size:72px; line-height:68px; font-weight:700; letter-spacing:-0.02em }
.display-l { font-family:var(--font-display); font-size:48px; line-height:48px; font-weight:700; letter-spacing:-0.015em }
.title { font-family:var(--font-display); font-size:28px; line-height:32px; font-weight:650; letter-spacing:-0.01em }
.kpi { font-family:var(--font-display); font-size:30px; line-height:34px; font-weight:600; letter-spacing:-0.01em }
.kpi-s { font-family:var(--font-display); font-size:20px; line-height:24px; font-weight:600 }
.lead { font-family:var(--font-sans); font-size:18px; line-height:28px; font-weight:400 }
.heading { font-family:var(--font-sans); font-size:16px; line-height:22px; font-weight:600 }
.body { font-family:var(--font-sans); font-size:14px; line-height:20px; font-weight:400 }
.body-strong { font-family:var(--font-sans); font-size:14px; line-height:20px; font-weight:600 }
.label { font-family:var(--font-sans); font-size:12px; line-height:16px; font-weight:500; letter-spacing:0.01em }
.caption { font-family:var(--font-sans); font-size:12px; line-height:16px; font-weight:400 }
.code { font-family:var(--font-mono); font-size:13px; line-height:20px; font-weight:500 }
.plate { font-family:var(--font-mono); font-size:13px; line-height:16px; font-weight:600; letter-spacing:0.04em }
.overline { font-family:var(--font-mono); font-size:11px; line-height:16px; font-weight:500; letter-spacing:0.08em }