/* desk-flow — generated from tokens.json. Do not edit by hand: change tokens.json and regenerate. */
:root, [data-theme="light"] {
  --gray-0: #ffffff;
  --gray-50: #fafafa;
  --gray-100: #f4f4f4;
  --gray-150: #ececec;
  --gray-200: #e3e3e3;
  --gray-300: #cfcfcf;
  --gray-400: #a8a8a8;
  --gray-450: #949494;
  --gray-500: #8a8a8a;
  --gray-550: #7a7a7a;
  --gray-600: #6b6b6b;
  --gray-650: #5e5e5e;
  --gray-700: #525252;
  --gray-750: #3d3d3d;
  --gray-800: #333333;
  --gray-850: #282828;
  --gray-900: #232323;
  --gray-925: #1f1f1f;
  --gray-950: #181818;
  --gray-1000: #000000;
  --red-100: #ffebea;
  --red-400: #f57070;
  --red-500: #ef4747;
  --red-600: #db2527;
  --red-700: #b91c1e;
  --red-900: #451e1d;
  --bg: var(--gray-0);
  --surface: var(--gray-50);
  --surface-raised: var(--gray-0);
  --surface-sunken: var(--gray-100);
  --surface-inverse: var(--gray-925);
  --hover: #0000000a;
  --selected: #00000012;
  --material: #ffffffd9;
  --scrim: #0000003d;
  --line: #00000014;
  --line-strong: #00000024;
  --line-control: var(--gray-500);
  --ink: var(--gray-925);
  --ink-muted: var(--gray-700);
  --ink-subtle: var(--gray-600);
  --ink-disabled: var(--gray-400);
  --ink-inverse: var(--gray-0);
  --signal: var(--ink);
  --signal-mark: var(--ink);
  --signal-text: var(--ink);
  --signal-subtle: var(--gray-150);
  --on-signal: var(--gray-0);
  --focus: var(--ink);
  --risk: var(--red-600);
  --risk-text: var(--red-700);
  --risk-subtle: var(--red-100);
  --on-risk: var(--gray-0);
  --risk-light: var(--red-500);
  --presence-ink: var(--ink);
  --presence-rim: #1f1f1f29;
  --brand-ground: var(--gray-0);
  --chart-1: var(--ink);
  --chart-2: var(--gray-500);
  --chart-3: var(--gray-200);
  --chart-highlight: var(--ink);
  --chart-grid: #00000012;
  --chart-ord-1: var(--gray-400);
  --chart-ord-2: var(--gray-500);
  --chart-ord-3: var(--gray-700);
  --chart-ord-4: var(--ink);
  --os-mac-close: #ff5f57;
  --os-mac-minimize: #febc2e;
  --os-mac-zoom: #28c840;
  --os-win-close: #c42b1c;
  --shadow-raised: 0 1px 2px #0000000d;
  --shadow-float: 0 2px 8px #0000000d, 0 12px 32px -8px #0000001f;
  --shadow-overlay: 0 0 0 1px #0000000f, 0 4px 14px #0000000a, 0 24px 60px -12px #00000024;
}
[data-theme="dark"] {
  --bg: var(--gray-925);
  --surface: var(--gray-900);
  --surface-raised: var(--gray-850);
  --surface-sunken: var(--gray-950);
  --surface-inverse: var(--gray-150);
  --hover: #ffffff0f;
  --selected: #ffffff1a;
  --material: #282828d9;
  --scrim: #0000008c;
  --line: #ffffff14;
  --line-strong: #ffffff24;
  --line-control: var(--gray-550);
  --ink: var(--gray-150);
  --ink-muted: var(--gray-400);
  --ink-subtle: var(--gray-450);
  --ink-disabled: var(--gray-750);
  --ink-inverse: var(--gray-925);
  --signal: var(--ink);
  --signal-mark: var(--ink);
  --signal-text: var(--ink);
  --signal-subtle: var(--gray-750);
  --on-signal: var(--gray-925);
  --focus: var(--ink);
  --risk: var(--red-600);
  --risk-text: var(--red-400);
  --risk-subtle: var(--red-900);
  --on-risk: var(--gray-0);
  --risk-light: var(--red-400);
  --presence-ink: var(--ink);
  --presence-rim: #ececec29;
  --brand-ground: var(--gray-1000);
  --chart-1: var(--ink);
  --chart-2: var(--gray-550);
  --chart-3: var(--gray-800);
  --chart-highlight: var(--ink);
  --chart-grid: #ffffff12;
  --chart-ord-1: var(--gray-650);
  --chart-ord-2: var(--gray-550);
  --chart-ord-3: var(--gray-400);
  --chart-ord-4: var(--ink);
  --os-mac-close: #ff5f57;
  --os-mac-minimize: #febc2e;
  --os-mac-zoom: #28c840;
  --os-win-close: #c42b1c;
  --shadow-raised: 0 0 0 1px #ffffff0d;
  --shadow-float: 0 0 0 1px #ffffff14, 0 12px 32px -8px #00000099;
  --shadow-overlay: 0 0 0 1px #ffffff1a, 0 24px 60px -12px #000000cc;
}
:root {
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 2px;
  --radius-s: 4px;
  --radius-m: 6px;
  --radius-l: 10px;
  --radius-xl: 14px;
  --radius-2xl: 20px;
  --radius-window-win: 8px;
  --radius-full: 999px;
  --control-s: 24px;
  --control-m: 32px;
  --control-l: 40px;
  --row: 40px;
  --row-compact: 32px;
  --icon-s: 16px;
  --icon-m: 20px;
  --kbd: 20px;
  --hairline: 1px;
  --focus-width: 2px;
  --focus-offset: 2px;
  --cmdbar-width: 680px;
  --approval-width: 440px;
  --sidebar-width: 232px;
  --measure: 680px;
  --presence-tray: 16px;
  --presence-s: 24px;
  --presence-m: 32px;
  --presence-l: 48px;
  --presence-xl: 96px;
  --dur-tap: 90ms;
  --dur-quick: 140ms;
  --dur-base: 200ms;
  --dur-calm: 320ms;
  --dur-slow: 480ms;
  --dur-spring-snappy: 265ms;
  --dur-spring-gentle: 360ms;
  --dur-spring-presence: 570ms;
  --dur-orbit: 1400ms;
  --dur-blink: 1600ms;
  --dur-breath: 4800ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --ease-linear: linear;
  --ease-spring-snappy: linear(0, 0.023 3.0%, 0.092 6.8%, 0.187 10.6%, 0.489 21.5%, 0.581 25.3%, 0.662 29.1%, 0.78 35.8%, 0.868 43.0%, 0.908 47.5%, 0.94 52.5%, 0.981 63.4%, 1 77.4%, 1);
  --ease-spring-gentle: linear(0, 0.007 1.7%, 0.024 3.3%, 0.097 7.5%, 0.19 11.4%, 0.488 22.8%, 0.653 30.3%, 0.771 37.2%, 0.859 44.4%, 0.899 48.9%, 0.932 53.9%, 0.977 65.0%, 0.999 78.9%, 1);
  --ease-spring-presence: linear(0, 0.008 1.4%, 0.03 3.0%, 0.115 6.3%, 0.224 9.5%, 0.596 19.1%, 0.697 22.1%, 0.784 25.1%, 0.854 27.9%, 0.915 30.9%, 0.963 33.9%, 1.001 37.0%, 1.043 43.2%, 1.055 50.4%, 1.007 79.1%, 1);
  --spring-snappy: 700 46 1;
  --spring-gentle: 340 32 1;
  --spring-presence: 220 20 1;
  --blur-material: 28px;
  --saturate-material: 1.6;
  --opacity-disabled: 0.45;
  --font-sans: "Geist", "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: "Geist Mono", "SF Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;
}
.display { font-family: var(--font-sans); font-size: 40px; line-height: 44px; font-weight: 500; letter-spacing: -0.025em; }
.title-1 { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 500; letter-spacing: -0.02em; }
.title-2 { font-family: var(--font-sans); font-size: 20px; line-height: 26px; font-weight: 500; letter-spacing: -0.012em; }
.title-3 { font-family: var(--font-sans); font-size: 16px; line-height: 22px; font-weight: 500; letter-spacing: -0.006em; }
.figure { font-family: var(--font-sans); font-size: 28px; line-height: 32px; font-weight: 500; letter-spacing: -0.02em; }
.body-l { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; letter-spacing: -0.003em; }
.body { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0em; }
.body-strong { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: 0em; }
.label { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: 0.003em; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.005em; }
.overline { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0em; }
.mono { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; letter-spacing: 0em; }
.mono-s { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0em; }
.mono-key { font-family: var(--font-mono); font-size: 11px; line-height: 14px; font-weight: 500; letter-spacing: 0.01em; }
@font-face { font-family: "Geist"; src: url("../fonts/Geist-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("../fonts/GeistMono-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }