:root {
--lot-black: #050505;
--lot-white: #f5f5f2;
--lot-grey-900: #121212;
--lot-grey-800: #1d1d1d;
--lot-grey-700: #2b2b2b;
--lot-grey-600: #555555;
--lot-grey-500: #666666;
--lot-grey-400: #858585;
--lot-grey-300: #a8a8a5;
--lot-landmass: #8a8a8a;
--lot-blue: #2b8fc2;
--lot-green: #087f68;
--lot-yellow: #ffb640;
--lot-orange: #ff571f;
--lot-red: #f42b2f;
--lot-purple: #6b3fc4;
--state-neutral: var(--lot-white);
--state-ai: var(--lot-blue);
--state-pending: var(--lot-yellow);
--state-execution: var(--lot-orange);
--state-verified: var(--lot-green);
--state-exception: var(--lot-red);
--location-default: var(--lot-white);
--location-ai-selected: var(--lot-blue);
--location-active: var(--lot-orange);
--location-pending: var(--lot-yellow);
--location-success: var(--lot-green);
--location-error: var(--lot-red);
--route-inactive: var(--lot-grey-500);
--route-recommended: var(--lot-blue);
--route-in-transit: var(--lot-orange);
--route-pending: var(--lot-yellow);
--route-completed: var(--lot-green);
--route-exception: var(--lot-red);
--ink: #080808;
--charcoal: #181818;
--pure-white: #ffffff;
--signal: #f15a2a;
--route: #2855f6;
--violet: #7c3aed;
--yellow: #f2c45b;
--slate: #616161;
--line-grey: #e1e1e1;
--paper-grey: #ececea;
--paper-panel: #212426;
--paper-panel-fg: #f5f5f2;
--paper-panel-sub: rgba(245, 245, 242, 0.62);
--paper-white: #fafaf8;
--paper-line: #d5d5d0;
--paper-edge: #2a2a28;
--paper-line-strong: #b9b9b3;
--paper-draw: #555550;
--paper-sub: #686864;
--font-display: 'Figtree', 'Helvetica Neue', Helvetica, Arial, sans-serif;
--font-body: var(--font-display);
--font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
--font-wordmark: 'Neue Haas Grotesk Display', 'Helvetica Neue', Helvetica, Arial,
sans-serif;
--t-display: clamp(40px, 6.2vw, 76px);
--t-h2: clamp(31px, 4.3vw, 54px);
--t-h3: clamp(20px, 1.9vw, 26px);
--t-lead: clamp(17px, 1.3vw, 19px);
--t-body: 16.5px;
--t-small: 14px;
--t-mono: 12px;
--t-mono-sm: 10.5px;
--measure: 33em;
--measure-tight: 26em;
--measure-lead: 42em;
--gutter: clamp(22px, 5vw, 64px);
--section-y: clamp(76px, 8vw, 132px);
--shell: 1240px;
--topbar-h: 92px;
--strip-h: 39px;
--r-sm: 10px;
--r: 18px;
--r-pill: 999px;
--r-xs: 4px;
--dur-fast: 220ms;
--dur: 420ms;
--dur-slow: 680ms;
--ease: cubic-bezier(0.2, 0.7, 0.3, 1);
--ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
}
[data-theme='dark'] {
--bg: var(--ink);
--bg-raised: var(--charcoal);
--fg: var(--pure-white);
--fg-sub: #ffffffb8;
--fg-soft: #ffffff8c;
--fg-faint: #ffffff52;
--line: #ffffff1f;
--line-strong: #ffffff45;
--accent: var(--signal);
--info: #8fa6ff;
--network: #b49bff;
--shadow: none;
}
[data-theme='light'] {
--bg: var(--pure-white);
--bg-raised: var(--pure-white);
--fg: var(--ink);
--fg-sub: var(--slate);
--fg-soft: #6d6d6d;
--fg-faint: #a5a5a5;
--line: var(--line-grey);
--line-strong: #c9c9c9;
--accent: var(--signal);
--info: var(--route);
--network: var(--violet);
--shadow: 0 1px 2px rgba(8, 8, 8, 0.04), 0 12px 32px rgba(8, 8, 8, 0.05);
}