:root {
	--mtx-color-primary: #0D1B2A;
	--mtx-color-primary-hover: #13263A;
	--mtx-color-secondary: #0EA5A4;
	--mtx-color-secondary-hover: #0B8E8D;
	--mtx-color-secondary-foreground: #115E59;
	--mtx-color-supporting-blue: #1E3A8A;

	--mtx-color-text: #111827;
	--mtx-color-text-muted: #6B7280;
	--mtx-color-background: #FFFFFF;
	--mtx-color-surface: #F8FAFC;
	--mtx-color-surface-alt: #F3F4F6;
	--mtx-color-border: #E5E7EB;

	--mtx-color-success: #15803D;
	--mtx-color-warning: #92400E;
	--mtx-color-warning-surface: #F59E0B;
	--mtx-color-danger: #DC2626;

	--mtx-font-family: "Inter", Arial, sans-serif;
	--mtx-font-size-body: 1rem;
	--mtx-font-size-small: 0.875rem;
	--mtx-font-size-caption: 0.75rem;
	--mtx-font-size-h1: clamp(2.125rem, 4vw, 3.75rem);
	--mtx-font-size-h2: clamp(1.75rem, 3vw, 2.25rem);
	--mtx-font-size-h3: clamp(1.5rem, 2.2vw, 1.875rem);
	--mtx-font-size-h4: clamp(1.25rem, 1.6vw, 1.5rem);
	--mtx-font-size-h5: 1.125rem;
	--mtx-font-size-h6: 1rem;
	--mtx-line-height-heading: 1.25;
	--mtx-line-height-body: 1.6;
	--mtx-font-weight-regular: 400;
	--mtx-font-weight-medium: 500;
	--mtx-font-weight-semibold: 600;
	--mtx-font-weight-bold: 700;

	--mtx-space-0: 0;
	--mtx-space-1: 0.25rem;
	--mtx-space-2: 0.5rem;
	--mtx-space-3: 0.75rem;
	--mtx-space-4: 1rem;
	--mtx-space-6: 1.5rem;
	--mtx-space-8: 2rem;
	--mtx-space-12: 3rem;
	--mtx-space-16: 4rem;

	--mtx-radius-sm: 0.375rem;
	--mtx-radius-md: 0.625rem;
	--mtx-radius-lg: 1rem;
	--mtx-border-width: 1px;

	--mtx-shadow-sm: 0 4px 12px rgba(13, 27, 42, 0.08);
	--mtx-shadow-md: 0 8px 24px rgba(13, 27, 42, 0.10);

	--mtx-container-content: 760px;
	--mtx-container-reading: 760px;
	--mtx-container-form: 960px;
	--mtx-container-default: 1680px;
	--mtx-container-wide: 1680px;
	--mtx-gutter: 1rem;
	--mtx-section-space: 4rem;
}

@media (min-width: 768px) {
	:root {
		--mtx-gutter: 1.5rem;
	}
}

@media (min-width: 1200px) {
	:root {
		--mtx-gutter: 2rem;
	}
}