:root {
	--od-color-ink: #17202d;
	--od-color-ink-soft: #3d4653;
	--od-color-muted: #6d737d;
	--od-color-white: #ffffff;
	--od-color-accent: #714b67;
	--od-color-accent-hover: #5f3f57;
	--od-color-hero: #f7f3f6;
	--od-color-surface: #fbfaf8;
	--od-color-surface-strong: #f6f3f4;
	--od-color-border: rgba(23, 32, 45, 0.075);
	--od-color-border-strong: rgba(23, 32, 45, 0.11);
	--od-color-focus: #8f6885;
	--od-color-navy: #111b29;
	--od-color-lavender-pale: #f8f5f8;
	--od-color-warm-white: #fbfaf8;
	--od-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	--od-space-1: 0.25rem;
	--od-space-2: 0.5rem;
	--od-space-3: 0.75rem;
	--od-space-4: 1rem;
	--od-space-5: 1.25rem;
	--od-space-6: 1.5rem;
	--od-space-8: 2rem;
	--od-space-10: 2.5rem;
	--od-space-12: 3rem;
	--od-space-16: 4rem;
	--od-container: 80rem;
	--od-content-wide: 72rem;
	--od-header-height: 9rem;
	--od-header-height-scrolled: 5.25rem;
	--od-radius-sm: 0.5rem;
	--od-radius-md: 0.625rem;
	--od-radius-lg: 0.875rem;
	--od-radius-xl: 1.25rem;
	--od-radius-pill: 999px;
	--od-shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.05);
	--od-shadow-card: 0 1px 1px rgba(23, 32, 45, 0.025), 0 14px 40px rgba(23, 32, 45, 0.035);
	--od-shadow-card-hover: 0 2px 2px rgba(23, 32, 45, 0.03), 0 22px 52px rgba(23, 32, 45, 0.055);
	--od-shadow-header: 0 1px 0 rgba(17, 24, 39, 0.04), 0 14px 40px rgba(17, 24, 39, 0.075);
	--od-opacity-glass: 0.82;
	--od-opacity-muted: 0.72;
	--od-blur-header: 20px;
	--od-transition-fast: 180ms;
	--od-transition-base: 225ms;
	--od-transition-slow: 250ms;
	--od-ease-standard: cubic-bezier(0.2, 0, 0, 1);
	--od-ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
	--od-z-header: 1000;
	--od-z-overlay: 99990;
	--od-z-overlay-control: 100000;
}