:root {

	
	--color-primary: #1a2b4c;
	--color-primary-dark: #101c33;
	--color-primary-light: #2e4a7d;

	--color-action: var(--color-primary);

	--color-secondary: #4a90a4;
	--color-secondary-dark: #35707f;
	--color-secondary-light: #6fb0c2;

	--color-accent: #e0a458;
	--color-accent-dark: #c48a3f;
	--color-accent-light: #ecc086;

	--color-text: #1c1c1e;
	--color-text-muted: #5c5c66;
	--color-text-inverse: #ffffff;

	
	--color-pure-black: #000000;

	--color-background: #ffffff;
	--color-background-alt: #f6f7f9;
	--color-background-inverse: #101c33;

	--color-border: #e2e4e9;
	--color-border-strong: #c7cad3;

	--color-success: #2e7d4f;
	--color-warning: #b5842a;
	--color-error: #c23b3b;

	
	--color-focus-ring: #1a2b4c;

	
	--font-heading: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--font-body: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	
	--font-button: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--font-weight-button: var(--font-weight-medium);
	--line-height-button: 1;
	--letter-spacing-button: normal;

	
	--type-scale: 1;

	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;

	
	--line-height-tight: 1.15;
	--line-height-heading: 1.25;
	--line-height-body: 1.6;
	--line-height-small: 1.5;

	
	--space-3xs: clamp(0.25rem, 0.23rem + 0.1vw, 0.3125rem);
	--space-2xs: clamp(0.5rem, 0.46rem + 0.2vw, 0.625rem);
	--space-xs:  clamp(0.75rem, 0.69rem + 0.3vw, 0.9375rem);
	--space-s:   clamp(1rem, 0.91rem + 0.4vw, 1.25rem);
	--space-m:   clamp(1.5rem, 1.37rem + 0.65vw, 1.875rem);
	--space-l:   clamp(2rem, 1.8rem + 1vw, 2.5rem);
	--space-xl:  clamp(3rem, 2.7rem + 1.5vw, 3.75rem);
	--space-2xl: clamp(4rem, 3.5rem + 2.5vw, 5.5rem);
	--space-3xl: clamp(5.5rem, 4.8rem + 3.5vw, 7.5rem);

	
	--space-section-compact: clamp(2.5rem, 2rem + 2.5vw, 3.75rem);
	--space-section-normal:  clamp(3.5rem, 2.8rem + 3.5vw, 5.25rem);
	--space-section-loose:   clamp(4.5rem, 3.5rem + 5vw, 7rem);

	
	--container-max: 1600px;
	--container-narrow: 860px;
	--container-wide: 1440px;
	--container-padding: clamp(1.25rem, 1rem + 1.2vw, 2.5rem);

	
	--radius-s: 4px;
	--radius-m: 8px;
	--radius-l: 16px;
	--radius-xl: 24px;
	--radius-full: 999px;

	
	--radius-button: var(--radius-full);

	
	--color-btn-text: var(--color-text-inverse);
	--color-btn-hover: var(--color-primary-dark);
	--color-btn-hover-text: var(--color-btn-text);
	--color-btn-secondary-text: var(--color-primary);
	--color-btn-secondary-hover: var(--color-primary);
	--color-btn-secondary-hover-text: var(--color-text-inverse);

	
	--shadow-s: 0 1px 2px rgba(16, 24, 40, 0.06);
	--shadow-m: 0 4px 12px rgba(16, 24, 40, 0.08);
	--shadow-l: 0 12px 32px rgba(16, 24, 40, 0.12);
	--shadow-xl: 0 24px 56px rgba(16, 24, 40, 0.16);

	
	--border-width-s: 1px;
	--border-width-m: 2px;
	--border-width-l: 4px;

	
	--border-width-button: 1.5px;

	
	--transition-fast: 150ms ease;
	--transition-base: 250ms ease;
	--transition-slow: 400ms ease;
	--duration-slow: 400ms;
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);

	
	--reveal-distance: 1.5rem;
	--reveal-duration: var(--duration-slow);
	--reveal-easing: var(--ease-out);
	--reveal-stagger-step: 80ms;

	
	--z-base: 1;
	--z-dropdown: 100;
	--z-sticky: 200;
	--z-header: 300;
	--z-overlay: 400;
	--z-modal: 500;
	--z-toast: 600;

	
}
