/**
 * Tokens de diseño TechSalud — Sección 7 de la especificación.
 * No alterar estos valores sin aprobación: son la marca definitiva, no un placeholder.
 */
:root {
	--color-primary: #062B5F;
	--color-primary-hover: #041F46;
	--color-primary-active: #031733;
	--color-primary-light: #EAF2FF;
	--color-primary-soft: #F6FAFF;

	--color-secondary: #0B6FFF;
	--color-secondary-hover: #005CE6;
	--color-secondary-light: #DCEBFF;

	--color-cta: #0B6FFF;
	--color-cta-hover: #0057D9;
	--color-cta-active: #0046B8;

	--color-text: #0A1F33;
	--color-text-muted: #526173;
	--color-text-disabled: #8A97A8;

	--color-background: #F7FAFD;
	--color-surface: #FFFFFF;
	--color-card: #FFFFFF;
	--color-border: #DDE6F2;
	--color-divider: #E7EDF5;

	--color-success: #16A34A;
	--color-success-light: #EAF8EF;
	--color-warning: #F59E0B;
	--color-warning-light: #FFF7E6;
	--color-error: #DC2626;
	--color-error-light: #FDECEC;
	--color-info: #0B6FFF;
	--color-info-light: #EAF2FF;

	--font-family-base: "Montserrat", system-ui, sans-serif;

	--font-size-xs: 0.75rem;
	--font-size-sm: 0.875rem;
	--font-size-md: 1rem;
	--font-size-lg: 1.125rem;
	--font-size-xl: 1.5rem;
	--font-size-2xl: 2rem;
	--font-size-3xl: 2.75rem;
	--font-size-4xl: 3.5rem;

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

	--radius-xs: 6px;
	--radius-sm: 10px;
	--radius-md: 16px;
	--radius-lg: 24px;
	--radius-xl: 32px;
	--radius-pill: 999px;

	--shadow-sm: 0 4px 16px rgba(6, 43, 95, 0.06);
	--shadow-md: 0 12px 32px rgba(6, 43, 95, 0.10);
	--shadow-lg: 0 24px 60px rgba(6, 43, 95, 0.14);
}