:root {
  --font-display: 'Fieldwise Display', 'Geist Variable', ui-sans-serif, system-ui, sans-serif;
  --font-sans: 'Geist Variable', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, monospace;
  --tracking-display: -0.01em;
  --tracking-heading: 0em;
  --color-mint-50: #edfff8;
  --color-mint-100: #d5fff0;
  --color-mint-200: #aeffe2;
  --color-mint-300: #70ffcd;
  --color-mint-400: #28fdb1;
  --color-mint-500: #00ffa3;
  --color-mint-600: #00c076;
  --color-mint-700: #009660;
  --color-mint-800: #06754e;
  --color-mint-900: #076042;
  --color-mint-950: #003724;
  --color-forest-50: #ecfdf6;
  --color-forest-100: #d1fae7;
  --color-forest-200: #a7f3d4;
  --color-forest-300: #6ee7be;
  --color-forest-400: #34d3a2;
  --color-forest-500: #10b98b;
  --color-forest-600: #059671;
  --color-forest-700: #04785e;
  --color-forest-800: #065f4b;
  --color-forest-900: #053f33;
  --color-forest-950: #022c24;
  --color-orange-50: #fff4ed;
  --color-orange-100: #ffe7d4;
  --color-orange-200: #ffcba9;
  --color-orange-300: #ffa872;
  --color-orange-400: #fe7233;
  --color-orange-500: #fd5112;
  --color-orange-600: #ee3708;
  --color-orange-700: #c52609;
  --color-orange-800: #9c1f10;
  --color-orange-900: #7e1d10;
  --color-orange-950: #440a06;
  --color-red-50: #fff1f1;
  --color-red-100: #ffe1e1;
  --color-red-200: #ffc7c7;
  --color-red-300: #ff9a9a;
  --color-red-400: #ff6b6b;
  --color-red-500: #ff4d4d;
  --color-red-600: #f02d2d;
  --color-red-700: #c01818;
  --color-red-800: #a81a1a;
  --color-red-900: #851a1a;
  --color-red-950: #450a0a;
  --color-lavender-50: #f3f5fa;
  --color-lavender-100: #e9ebf6;
  --color-lavender-200: #d7dbee;
  --color-lavender-300: #b4b9de;
  --color-lavender-400: #a4a5d5;
  --color-lavender-500: #8d8cc8;
  --color-lavender-600: #7c74b8;
  --color-lavender-700: #6a639f;
  --color-lavender-800: #585281;
  --color-lavender-900: #494669;
  --color-lavender-950: #2b293d;
  --color-vanilla-300: #faf57b;
  --color-vanilla-500: #f2e94b;
  --color-vanilla-600: #8a7a00;
  --color-vanilla-800: #524711;
  --color-ink-500: #324a40;
  --color-ink-600: #253a31;
  --color-ink-700: #1b2c25;
  --color-ink-800: #122019;
  --color-ink-850: #0e1814;
  --color-ink-900: #0a1210;
  --color-ink-950: #050a08;
  --color-canvas: #f8faf9;
  --color-surface: #ffffff;
  --color-carbon: #0a1210;
  --color-inverse-bg: #0a1210;
  --color-fg: #0a1210;
  --color-fg-muted: #51635b;
  --color-line: #e2e9e5;
  --color-accent: #00ffa3;
  --color-accent-fg: #0a1210;
  --color-link: #06754e;
  --color-ring: #00ffa3;
  --color-inverse-fg: #f8faf9;
  --color-inverse-fg-muted: #94a8a0;
  --color-inverse-line: #1b2c25;
  --color-surface-muted: #f4f4f4;
  --color-surface-subtle: #eeefee;
  --color-surface-hover: #f1f1f1;
  --color-success: #059671;
  --color-warning: #fe7233;
  --color-danger: #c01818;
  --color-info: #8d8cc8;
  --color-success-fg: #04785e;
  --color-warning-fg: #9c1f10;
  --color-danger-fg: #a81a1a;
  --color-info-fg: #585281;
  --color-focus: #f2e94b;
  --color-focus-fg: #524711;
  --radius-inset: 0.375rem;
  --radius-field: 0.5rem;
  --radius-control: 0.625rem;
  --radius-card: 1rem;
  --radius-panel: 1.5rem;
  --radius-pill: 9999px;
  --shadow-card: 0 0 0 0.5px rgb(10 18 16 / 0.08), 0 1px 2px 0 rgb(10 18 16 / 0.05), 0 2px 6px -1px rgb(10 18 16 / 0.04);
  --shadow-raised: 0 0 0 0.5px rgb(10 18 16 / 0.08), 0 1px 2px 0 rgb(10 18 16 / 0.05), 0 4px 8px -2px rgb(10 18 16 / 0.05), 0 10px 20px -4px rgb(10 18 16 / 0.04);
  --shadow-overlay: 0 0 0 0.5px rgb(10 18 16 / 0.07), 0 1px 2px 0 rgb(10 18 16 / 0.05), 0 6px 12px -3px rgb(10 18 16 / 0.05), 0 16px 32px -6px rgb(10 18 16 / 0.06), 0 32px 64px -12px rgb(10 18 16 / 0.07);
  --ease-standard: cubic-bezier(0.2, 0.9, 0.25, 1);
  --ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --transition-duration-fast: 140ms;
  --transition-duration-normal: 200ms;
  --transition-duration-slow: 280ms;
  --transition-duration-base: 200ms;
  --container-page: 80rem;
  --spacing-section: 6rem;
  --spacing-gutter: 1.5rem;
  --text-display: clamp(2.5rem, 1.4rem + 4.4vw, 3.75rem);
  --text-display--line-height: 1.05;
  --text-display--font-weight: 800;
  --text-display--letter-spacing: -0.01em;
  --text-h1: clamp(1.875rem, 1.3rem + 2.4vw, 2.25rem);
  --text-h1--line-height: 1.1;
  --text-h1--font-weight: 700;
  --text-h1--letter-spacing: 0em;
  --text-h2: clamp(1.375rem, 1.1rem + 1.1vw, 1.5rem);
  --text-h2--line-height: 1.2;
  --text-h2--font-weight: 700;
  --text-h2--letter-spacing: 0em;
  --text-h3: 1.25rem;
  --text-h3--line-height: 1.3;
  --text-h3--font-weight: 600;
  --text-h3--letter-spacing: 0em;
  --text-body-lg: 1.125rem;
  --text-body-lg--line-height: 1.6;
  --text-body-lg--font-weight: 400;
  --text-body-lg--letter-spacing: 0em;
  --text-body: 1rem;
  --text-body--line-height: 1.6;
  --text-body--font-weight: 400;
  --text-body--letter-spacing: 0em;
  --text-body-sm: 0.875rem;
  --text-body-sm--line-height: 1.55;
  --text-body-sm--font-weight: 400;
  --text-body-sm--letter-spacing: 0em;
  --text-label: 0.75rem;
  --text-label--line-height: 1.3;
  --text-label--font-weight: 600;
  --text-label--letter-spacing: 0.08em;
  --text-caption: 0.75rem;
  --text-caption--line-height: 1.4;
  --text-caption--font-weight: 400;
  --text-caption--letter-spacing: 0em;
  --module-core: #334155;
  --module-inspect: #00ffa3;
  --module-admin: #fe7233;
  --module-insights: #b4b9de;
  --spacing-unit: 0.25rem;
  --spacing-2xs: 0.25rem;
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --spacing-4xl: 6rem;
  --duration-fast: 140ms;
  --duration-normal: 200ms;
  --duration-slow: 280ms;
  --duration-base: 200ms;
}

/* Dark mode — opt in by putting class="dark" on <html> (or any subtree root). */
.dark {
  --color-canvas: #0a1210;
  --color-surface: #0e1814;
  --color-carbon: #050a08;
  --color-inverse-bg: #f8faf9;
  --color-fg: #f8faf9;
  --color-fg-muted: #94a8a0;
  --color-line: #1b2c25;
  --color-link: #70ffcd;
  --color-inverse-fg: #0a1210;
  --color-inverse-fg-muted: #51635b;
  --color-inverse-line: #e2e9e5;
  --color-surface-muted: #17211d;
  --color-surface-subtle: #1d2723;
  --color-surface-hover: #19231f;
  --color-success: #10b98b;
  --color-warning: #ffa872;
  --color-danger: #ff4d4d;
  --color-info: #a4a5d5;
  --color-success-fg: #6ee7be;
  --color-warning-fg: #ffa872;
  --color-danger-fg: #ff9a9a;
  --color-info-fg: #b4b9de;
  --color-focus-fg: #faf57b;
  --shadow-card: 0 0 0 0.5px rgb(248 250 249 / 0.16), 0 1px 2px 0 rgb(5 10 8 / 0.45), 0 2px 6px -1px rgb(5 10 8 / 0.35);
  --shadow-raised: 0 0 0 0.5px rgb(248 250 249 / 0.22), 0 1px 2px 0 rgb(5 10 8 / 0.5), 0 4px 8px -2px rgb(5 10 8 / 0.4), 0 10px 20px -4px rgb(5 10 8 / 0.35);
  --shadow-overlay: 0 0 0 0.5px rgb(248 250 249 / 0.3), 0 1px 2px 0 rgb(5 10 8 / 0.55), 0 6px 12px -3px rgb(5 10 8 / 0.45), 0 16px 32px -6px rgb(5 10 8 / 0.4), 0 32px 64px -12px rgb(5 10 8 / 0.45);
  --module-core: #94a3b8;
}