:root {
	color-scheme: dark;

	--anat-bg-app: #03111f;
	--anat-bg-workspace: #061a2c;
	--anat-bg-elevated: #0a2238;
	--anat-bg-elevated-strong: #0d2944;
	--anat-bg-overlay: rgb(1 10 20 / 88%);
	--anat-bg-sidebar-mid: #05182a;
	--anat-bg-sidebar-end: #062036;
	--anat-surface-1: #091e31;
	--anat-surface-2: #0c2842;
	--anat-surface-interactive: #102f4d;
	--anat-surface-nav-active: linear-gradient(100deg, rgb(76 156 255 / 22%), rgb(76 156 255 / 7%));
	--anat-surface-workspace-glow: rgb(45 116 181 / 10%);
	--anat-surface-stage-start: rgb(8 36 59 / 92%);
	--anat-surface-stage-end: rgb(3 18 32 / 98%);
	--anat-surface-toolbar: rgb(3 17 31 / 55%);
	--anat-surface-context-start: rgb(8 31 51 / 98%);
	--anat-surface-context-end: rgb(5 22 38 / 98%);
	--anat-surface-app-bar: rgb(3 17 31 / 96%);
	--anat-surface-marketing-header: rgb(2 13 26 / 92%);
	--anat-surface-marketing-card: rgb(7 27 47 / 82%);
	--anat-surface-marketing-card-hover: rgb(10 38 65 / 92%);
	--anat-surface-marketing-glow: rgb(43 128 255 / 18%);
	--anat-surface-marketing-image-fade: linear-gradient(90deg, var(--anat-bg-app), transparent 22%, transparent 78%, var(--anat-bg-app));
	--anat-border-subtle: rgb(139 188 229 / 16%);
	--anat-border-strong: rgb(139 188 229 / 34%);
	--anat-text-primary: #f5f9fd;
	--anat-text-secondary: #bed0e1;
	--anat-text-muted: #7f9ab1;
	--anat-text-inverse: #03111f;
	--anat-media-canvas: #fff;
	--anat-accent: #4c9cff;
	--anat-accent-hover: #74b3ff;
	--anat-accent-active: #2c7de3;
	--anat-accent-surface: rgb(76 156 255 / 13%);
	--anat-accent-mark-fill: rgb(76 156 255 / 12%);
	--anat-accent-mark-shadow: rgb(76 156 255 / 28%);
	--anat-accent-inverse-surface: rgb(3 17 31 / 22%);
	--anat-focus-ring: #8bc5ff;
	--anat-success: #52d6a1;
	--anat-success-surface: rgb(82 214 161 / 12%);
	--anat-warning: #f1c66b;
	--anat-warning-surface: rgb(241 198 107 / 12%);
	--anat-warning-border: rgb(241 198 107 / 35%);
	--anat-danger: #ff7f8b;
	--anat-danger-surface: rgb(255 127 139 / 12%);

	--anat-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--anat-font-size-xs: 0.75rem;
	--anat-font-size-sm: 0.875rem;
	--anat-font-size-md: 1rem;
	--anat-font-size-lg: 1.125rem;
	--anat-font-size-xl: clamp(1.25rem, 1.5vw, 1.5rem);
	--anat-font-size-2xl: clamp(1.75rem, 3vw, 2.5rem);
	--anat-font-size-display: clamp(2.25rem, 4vw, 4rem);
	--anat-line-height-tight: 1.15;
	--anat-line-height-body: 1.55;
	--anat-weight-regular: 400;
	--anat-weight-medium: 550;
	--anat-weight-bold: 700;

	--anat-space-1: 0.25rem;
	--anat-space-2: 0.5rem;
	--anat-space-3: 0.75rem;
	--anat-space-4: 1rem;
	--anat-space-5: 1.5rem;
	--anat-space-6: 2rem;
	--anat-space-7: 3rem;
	--anat-space-8: 4rem;

	--anat-radius-sm: 0.375rem;
	--anat-radius-md: 0.75rem;
	--anat-radius-lg: 1.125rem;
	--anat-radius-pill: 999px;
	--anat-shadow-elevated: 0 1.25rem 3rem rgb(0 5 12 / 28%);
	--anat-shadow-drawer: 0 1.5rem 4rem rgb(0 5 12 / 55%);
	--anat-shadow-stage-inset: inset 0 0 7rem rgb(0 4 10 / 48%);
	--anat-shadow-accent: 0 1rem 3rem rgb(44 125 227 / 24%);

	--anat-sidebar-width: 15.25rem;
	--anat-sidebar-compact: 6rem;
	--anat-facts-width: 23rem;
	--anat-facts-compact: 20rem;
	--anat-workspace-min: 31rem;
	--anat-content-max: 120rem;
	--anat-marketing-content-max: 90rem;
	--anat-marketing-copy-max: 42rem;
	--anat-app-bar-height: 4.5rem;
	--anat-control-height: 2.75rem;
	--anat-content-gap: clamp(1rem, 2vw, 2rem);

	--anat-motion-short: 140ms;
	--anat-motion-medium: 240ms;
	--anat-ease-standard: cubic-bezier(0.2, 0, 0, 1);
	--anat-z-shell: 10;
	--anat-z-sticky: 20;
	--anat-z-drawer: 40;
	--anat-z-overlay: 50;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--anat-motion-short: 0ms;
		--anat-motion-medium: 0ms;
	}
}