/**
 * CSS Custom Properties (Tokens)
 */
:root {
	/* Core Colors */
	--sw-color-navy: #102A43;
	--sw-color-blue: #1473E6;
	--sw-color-orange: #FF7A00;
	--sw-color-bg: #F6F8FA;
	--sw-color-white: #FFFFFF;

	/* Semantic Colors */
	--sw-color-primary: var(--sw-color-navy);
	--sw-color-interactive: var(--sw-color-blue);
	--sw-color-interactive-hover: #0D5CBF;
	--sw-color-cta: var(--sw-color-orange);
	--sw-color-cta-hover: #E06C00;

	/* Text Colors */
	--sw-color-text: #243B53;
	--sw-color-text-muted: #627D98;
	--sw-color-text-light: var(--sw-color-white);

	/* Surfaces & Borders */
	--sw-color-surface: var(--sw-color-white);
	--sw-color-surface-subtle: #F0F4F8;
	--sw-color-border: #D9E2EC;
	--sw-color-border-focus: var(--sw-color-interactive);

	/* Feedback Colors */
	--sw-color-success: #137333;
	--sw-color-success-bg: #E6F4EA;
	--sw-color-warning: #B05C0F;
	--sw-color-warning-bg: #FEF7E0;
	--sw-color-error: #C5221F;
	--sw-color-error-bg: #FCE8E6;
	--sw-color-info: var(--sw-color-blue);
	--sw-color-info-bg: #E8F0FE;

	/* Typography - System Fonts */
	--sw-font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	
	/* Font Sizes using clamp() */
	--sw-text-xs: clamp(0.75rem, 0.71rem + 0.18vw, 0.875rem); /* 12-14px */
	--sw-text-sm: clamp(0.875rem, 0.84rem + 0.18vw, 1rem); /* 14-16px */
	--sw-text-base: clamp(1rem, 0.96rem + 0.18vw, 1.125rem); /* 16-18px */
	--sw-text-lg: clamp(1.125rem, 1.08rem + 0.22vw, 1.25rem); /* 18-20px */
	--sw-text-xl: clamp(1.25rem, 1.2rem + 0.27vw, 1.5rem); /* 20-24px */
	--sw-text-2xl: clamp(1.5rem, 1.43rem + 0.36vw, 1.75rem); /* 24-28px */
	--sw-text-3xl: clamp(1.75rem, 1.63rem + 0.58vw, 2.25rem); /* 28-36px */
	--sw-text-4xl: clamp(2rem, 1.83rem + 0.89vw, 3rem); /* 32-48px */
	
	/* Font Weights */
	--sw-weight-normal: 400;
	--sw-weight-medium: 500;
	--sw-weight-bold: 700;
	
	/* Line Heights */
	--sw-leading-none: 1;
	--sw-leading-tight: 1.25;
	--sw-leading-snug: 1.375;
	--sw-leading-normal: 1.5;
	--sw-leading-relaxed: 1.625;

	/* Spacing */
	--sw-space-1: 0.25rem;
	--sw-space-2: 0.5rem;
	--sw-space-3: 0.75rem;
	--sw-space-4: 1rem;
	--sw-space-6: 1.5rem;
	--sw-space-8: 2rem;
	--sw-space-12: 3rem;
	--sw-space-16: 4rem;
	--sw-space-24: 6rem;
	
	/* Section Spacing */
	--sw-section-padding-y: clamp(var(--sw-space-8), 4vw, var(--sw-space-16));

	/* Border Radius */
	--sw-radius-sm: 4px;
	--sw-radius-md: 8px;
	--sw-radius-lg: 12px;
	--sw-radius-full: 9999px;

	/* Shadows */
	--sw-shadow-sm: 0 1px 2px 0 rgba(16, 42, 67, 0.05);
	--sw-shadow-md: 0 4px 6px -1px rgba(16, 42, 67, 0.1), 0 2px 4px -1px rgba(16, 42, 67, 0.06);
	--sw-shadow-elevated: 0 10px 15px -3px rgba(16, 42, 67, 0.1), 0 4px 6px -2px rgba(16, 42, 67, 0.05);

	/* Container Widths */
	--sw-container-narrow: 800px;
	--sw-container-width: 1200px;
	--sw-container-wide: 1440px;
	--sw-container-padding: var(--sw-space-4);

	/* Focus Styles */
	--sw-focus-ring: 0 0 0 3px rgba(20, 115, 230, 0.3);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--sw-transition-duration: 0.01ms;
	}
}
@media (prefers-reduced-motion: no-preference) {
	:root {
		--sw-transition-duration: 0.2s;
	}
}