:root {
	--mds-color-primary: #2f2b67;
	--mds-color-primary-dark: #211d52;
	--mds-color-primary-light: #504a93;
	--mds-color-accent: #83bc17;
	--mds-color-accent-soft: #f1f4ec;
	--mds-color-surface: #ffffff;
	--mds-color-surface-soft: #f7f8f4;
	--mds-color-border: #e4eadb;
	--mds-color-text: #202230;
	--mds-color-muted: #626873;
	--mds-color-success: #2f7d32;
	--mds-color-warning: #b7791f;
	--mds-color-danger: #b42318;
	--mds-color-info: #2563a8;

	--mds-space-xs: 0.25rem;
	--mds-space-sm: 0.5rem;
	--mds-space-md: 1rem;
	--mds-space-lg: 1.5rem;
	--mds-space-xl: 2.5rem;
	--mds-space-2xl: 4rem;

	--mds-radius-sm: 2px;
	--mds-radius-md: 4px;
	--mds-radius-lg: 6px;
	--mds-radius-xl: 8px;
	--mds-radius-pill: 999px;

	--mds-shadow-sm: 0 1px 2px rgba(32, 34, 48, 0.08);
	--mds-shadow-md: 0 8px 24px rgba(32, 34, 48, 0.1);
	--mds-shadow-lg: 0 18px 48px rgba(32, 34, 48, 0.14);

	--mds-font-size-xs: 0.78rem;
	--mds-font-size-sm: 0.9rem;
	--mds-font-size-md: 1rem;
	--mds-font-size-lg: 1.125rem;
	--mds-font-size-xl: 1.6rem;
	--mds-font-size-2xl: 2.2rem;
	--mds-font-size-hero: 2.75rem;

	--mds-purple: var(--mds-color-primary);
	--mds-green: var(--mds-color-accent);
	--mds-light: var(--mds-color-accent-soft);
	--mds-soft: var(--mds-color-surface-soft);
	--mds-white: var(--mds-color-surface);
	--mds-border: var(--mds-color-border);
}