:root {
	--xks-color-primary: #006577;
	--xks-color-primary-bright: #1f9bb4;
	--xks-color-primary-soft: #acedff;
	--xks-color-yellow: #f5c94a;
	--xks-color-yellow-deep: #755b00;
	--xks-color-green: #6f8f5b;
	--xks-color-green-deep: #466435;
	--xks-color-surface: #f6fafc;
	--xks-color-surface-low: #f0f4f6;
	--xks-color-surface-container: #eaeff0;
	--xks-color-cream: #fffdf7;
	--xks-color-charcoal: #171c1e;
	--xks-color-muted: #3e494c;
	--xks-color-outline: #6e797d;
	--xks-color-outline-soft: #bdc8cc;
	--xks-color-error: #ba1a1a;
	--xks-color-white: #ffffff;

	--xks-font-heading: "Playfair Display", Georgia, serif;
	--xks-font-body: Montserrat, Arial, sans-serif;

	--xks-size-caption: 0.75rem;
	--xks-size-label: 0.875rem;
	--xks-size-body: 1rem;
	--xks-size-body-lg: 1.125rem;
	--xks-size-heading-sm: 1.5rem;
	--xks-size-heading-md: 2rem;
	--xks-size-heading-lg: clamp(2rem, 5vw, 3rem);
	--xks-size-display: clamp(2.5rem, 7vw, 4rem);

	--xks-line-tight: 1.15;
	--xks-line-heading: 1.2;
	--xks-line-body: 1.6;

	--xks-space-1: 0.25rem;
	--xks-space-2: 0.5rem;
	--xks-space-3: 0.75rem;
	--xks-space-4: 1rem;
	--xks-space-5: 1.5rem;
	--xks-space-6: 2rem;
	--xks-space-7: 3rem;
	--xks-space-8: 4rem;
	--xks-space-section: clamp(2.5rem, 7vw, 4rem);

	--xks-radius-sm: 0.25rem;
	--xks-radius-base: 0.5rem;
	--xks-radius-md: 0.75rem;
	--xks-radius-lg: 1rem;
	--xks-radius-xl: 1.5rem;
	--xks-radius-full: 9999px;

	--xks-container: 75rem;
	--xks-container-wide: 90rem;
	--xks-page-gutter: clamp(1rem, 4vw, 2.5rem);

	--xks-shadow-soft: 0 1.25rem 3.75rem rgba(31, 155, 180, 0.08);
	--xks-shadow-action: 0 0.5rem 1.5rem rgba(117, 91, 0, 0.18);
	--xks-focus-ring: 0 0 0 0.1875rem rgba(31, 155, 180, 0.28);
}