/* Baby Bloom — Tokens (copiados 1:1 de babybloom-design-system.html / DESIGN_BRIEF §3-§5).
   Fuente visual única. Tema claro aprobado (sin modo oscuro en la home de producción). */
:root {
	/* Primitivos oficiales (brandbook) */
	--bb-amor: #DD6CA6; --bb-calma: #93D5F6; --bb-alegria: #FDC543;
	--bb-creatividad: #9185BE; --bb-equilibrio: #8FC78F; --bb-confianza: #5567AE;
	/* Tintes 100 */
	--bb-amor-100: #F9E4F0; --bb-calma-100: #EAF7FD; --bb-alegria-100: #FEF3D9;
	--bb-creatividad-100: #EEECF6; --bb-equilibrio-100: #ECF7EC; --bb-confianza-100: #E8EBF6;
	/* Profundos 700/900 */
	--bb-amor-700: #B14681; --bb-amor-900: #7E2E5B;
	--bb-calma-700: #4FA3CC; --bb-alegria-700: #D99E1B;
	--bb-creatividad-700: #6B5F9A; --bb-equilibrio-700: #5F9C5F;
	--bb-confianza-700: #404E85; --bb-confianza-900: #2B3559;
	/* Neutros */
	--bb-blanco: #FFFFFF; --bb-gris-100: #F4F5F9; --bb-gris-300: #D8DBE6;
	--bb-gris-500: #8A90A6; --bb-gris-700: #555B73; --bb-ink: #2B3559;
	/* Semánticos */
	--bb-text-default: var(--bb-ink); --bb-text-muted: var(--bb-gris-700);
	--bb-text-brand: var(--bb-confianza); --bb-text-inverse: #FFFFFF;
	--bb-bg-page: #FFFFFF; --bb-bg-subtle: var(--bb-gris-100);
	--bb-bg-brand: var(--bb-confianza); --bb-bg-brand-deep: var(--bb-confianza-700);
	--bb-action-primary: var(--bb-amor-700); --bb-action-primary-hover: var(--bb-amor-900);
	--bb-action-secondary: var(--bb-confianza); --bb-action-secondary-hover: var(--bb-confianza-700);
	--bb-border-default: var(--bb-gris-300); --bb-border-subtle: var(--bb-gris-100);
	--bb-focus-ring: var(--bb-confianza);
	--bb-feedback-error: #D64545; --bb-feedback-error-bg: #FBEAEA;
	--bb-text-heading: var(--bb-ink); --bb-text-accent: var(--bb-amor-700);
	--bb-text-link: var(--bb-confianza);
	--bb-surface-card: #FFFFFF; --bb-surface-input: #FFFFFF;
	--bb-action-primary-text: #FFFFFF; --bb-action-ghost: var(--bb-confianza);
	--bb-wa: #3DC35F;
	color-scheme: light;
	/* Tipografía */
	--bb-font-heading: 'Quicksand', system-ui, sans-serif;
	--bb-font-body: 'Rubik', system-ui, sans-serif;
	--bb-text-4xl: clamp(2.25rem, 1.8rem + 2.4vw, 3.25rem);
	--bb-text-3xl: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);
	--bb-text-2xl: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);
	--bb-text-xl: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
	/* Forma */
	--bb-radius-sm: 8px; --bb-radius-md: 16px; --bb-radius-lg: 24px; --bb-radius-full: 999px;
	--bb-shadow-sm: 0 1px 3px rgba(43,53,89,.08);
	--bb-shadow-md: 0 4px 12px rgba(43,53,89,.10);
	--bb-shadow-lg: 0 12px 32px rgba(43,53,89,.14);
	--section-pad: clamp(3.5rem, 8vw, 6rem);
	--bb-container: 1180px;
	/* Ritmo compartido del hero (misma altura entre páginas). */
	--bb-hero-flor: min(400px, 80vw);
	--bb-hero-pad-y: clamp(3rem, 6vw, 4.5rem);
}