/* Axella — Horizon tokens. Generated from design-system/tokens.json (v2). Do not edit by hand. */
:root {
  --font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 120px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-tile: 22%;
  --duration-instant: 120ms;
  --duration-quick: 220ms;
  --duration-calm: 480ms;
  --duration-draw: 900ms;
  --duration-breath: 3200ms;
  --ease-settle: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-steady: cubic-bezier(0.45, 0, 0.55, 1);
}
:root, [data-theme="light"] {
  color-scheme: light;
  --bg: #EEF1F2;
  --bg-2: #E4E9EC;
  --surface: #FFFFFF;
  --surface-inverse: #2B2B2E;
  --on-inverse: #FFFFFF;
  --ink: #2B2B2E;
  --ink-2: #4A5866;
  --ink-3: #5F6B77;
  --line: #D3DADF;
  --line-strong: #7A8691;
  --accent: #1F5C99;
  --accent-soft: #DCE8F4;
  --on-accent: #FFFFFF;
  --dawn: #E9B44C;
  --on-dawn: #2B2B2E;
  --work: #3A5878;
  --work-soft: #DDE4EC;
  --private: #A0466A;
  --private-soft: #F2DFE6;
  --success: #256B4D;
  --danger: #B23A3A;
  --scrim: rgba(23,24,27,0.48);
  --project-1: #3D6FB6;
  --project-2: #2A8A86;
  --project-3: #5E8A3A;
  --project-4: #B07D1A;
  --project-5: #B5603A;
  --project-6: #B04A55;
  --project-7: #6F5BB5;
  --project-8: #66727E;
  --shadow-float: 0 1px 2px rgba(43,43,46,0.06), 0 12px 32px -12px rgba(43,43,46,0.22);
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #17181B;
  --bg-2: #1E2024;
  --surface: #25272C;
  --surface-inverse: #EEF1F2;
  --on-inverse: #17181B;
  --ink: #EEF1F2;
  --ink-2: #B3BCC4;
  --ink-3: #949EA8;
  --line: #34383F;
  --line-strong: #6B737E;
  --accent: #7FB2E5;
  --accent-soft: #1E3348;
  --on-accent: #17181B;
  --dawn: #F0C064;
  --on-dawn: #17181B;
  --work: #9DB8DA;
  --work-soft: #24303F;
  --private: #E3A0BC;
  --private-soft: #3A2530;
  --success: #7FCFA8;
  --danger: #F09A9A;
  --scrim: rgba(0,0,0,0.6);
  --project-1: #8AB0E6;
  --project-2: #6CCBC5;
  --project-3: #A3CC7E;
  --project-4: #E6B85C;
  --project-5: #EBA07F;
  --project-6: #EE9AA2;
  --project-7: #B4A6EC;
  --project-8: #A6B0BA;
  --shadow-float: 0 1px 2px rgba(0,0,0,0.4), 0 16px 40px -16px rgba(0,0,0,0.7);
}
/* No-JS fallback: follow the OS until main.js sets data-theme on <html>. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
  --bg: #17181B;
  --bg-2: #1E2024;
  --surface: #25272C;
  --surface-inverse: #EEF1F2;
  --on-inverse: #17181B;
  --ink: #EEF1F2;
  --ink-2: #B3BCC4;
  --ink-3: #949EA8;
  --line: #34383F;
  --line-strong: #6B737E;
  --accent: #7FB2E5;
  --accent-soft: #1E3348;
  --on-accent: #17181B;
  --dawn: #F0C064;
  --on-dawn: #17181B;
  --work: #9DB8DA;
  --work-soft: #24303F;
  --private: #E3A0BC;
  --private-soft: #3A2530;
  --success: #7FCFA8;
  --danger: #F09A9A;
  --scrim: rgba(0,0,0,0.6);
  --project-1: #8AB0E6;
  --project-2: #6CCBC5;
  --project-3: #A3CC7E;
  --project-4: #E6B85C;
  --project-5: #EBA07F;
  --project-6: #EE9AA2;
  --project-7: #B4A6EC;
  --project-8: #A6B0BA;
  --shadow-float: 0 1px 2px rgba(0,0,0,0.4), 0 16px 40px -16px rgba(0,0,0,0.7);
  }
}