:root {
	--font-family-base: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-family-heading: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-size-base: 16px;
	--font-size-heading: clamp(1.8rem, 3vw, 2.6rem);
	--line-height-base: 1.6;

	--color-primary: #3b82f6;
	--color-primary-strong: #2563eb;
	--color-secondary: #5b21b6;
	--color-accent: #f97316;
	--color-text: #0f172a;
	--color-text-muted: #475569;
	--color-surface: #ffffff;
	--color-surface-muted: #f8fafc;
	--color-border: #e5e7eb;
	--color-pill-bg: #e0e7ff;
	--color-pill-text: #312e81;

	--radius-sm: 10px;
	--radius-md: 16px;
	--radius-lg: 24px;

	--shadow-sm: 0 10px 30px rgba(15, 23, 42, 0.08);
	--shadow-md: 0 16px 40px rgba(15, 23, 42, 0.12);
	--shadow-lg: 0 24px 60px rgba(15, 23, 42, 0.18);

	--gradient-hero: radial-gradient(circle at 20% 20%, #e8f0ff, rgba(255, 255, 255, 0.9) 40%), linear-gradient(135deg, var(--color-primary), var(--color-secondary));
	--gradient-hero-card: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.82));

	--btn-outline-color: #cbd5e1;
}