/*
|--------------------------------------------------------------------------
| AMOREA — VARIABLES DEL SISTEMA DE DISEÑO
|--------------------------------------------------------------------------
|
| Fuente oficial de colores, tipografías, espaciados, radios,
| sombras y medidas generales del proyecto.
|
*/

:root {

	/* Marca — #cb255a sacado directo del logo real (no inventado) */
	--color-primary: #cb255a;
	--color-primary-hover: #a41f49;
	--color-secondary: #e0668a;
	--color-accent: #f6d3de;

	/* Superficies y texto */
	--color-canvas: #fff8f9;
	--color-surface: #ffffff;
	--color-text: #2d2530;
	--color-text-muted: #786b76;
	--color-border: #eadfe3;

	/* Estados */
	--color-success: #2f7d5a;
	--color-warning: #a96718;
	--color-error: #b33a46;
	--color-info: #3c6e9b;

	/* Escala neutra */
	--gray-50: #faf8f9;
	--gray-100: #f4f0f2;
	--gray-200: #e9e2e6;
	--gray-300: #d7cdd2;
	--gray-400: #b8abb2;
	--gray-500: #8e8088;
	--gray-600: #6e6269;
	--gray-700: #50464c;
	--gray-800: #362f33;
	--gray-900: #211c1f;

	/* Tipografía */
	--font-display: "Cormorant Garamond", Georgia, serif;
	--font-body: Inter, Arial, sans-serif;

	/* Tamaños tipográficos */
	--text-xs: 0.75rem;
	--text-sm: 0.875rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.375rem;
	--text-2xl: 1.75rem;
	--text-3xl: 2.25rem;
	--text-4xl: 3rem;
	--text-hero: 4rem;

	/* Espaciado */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-8: 32px;
	--space-10: 40px;
	--space-12: 48px;
	--space-16: 64px;
	--space-20: 80px;

	/* Radios */
	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-lg: 16px;
	--radius-xl: 24px;
	--radius-pill: 999px;

	/* Sombras */
	--shadow-sm: 0 1px 3px rgba(45, 37, 48, 0.08);
	--shadow-md: 0 8px 24px rgba(45, 37, 48, 0.10);
	--shadow-lg: 0 18px 48px rgba(45, 37, 48, 0.14);
	--shadow-focus: 0 0 0 3px rgba(143, 41, 66, 0.18);

	/* Layout */
	--container-width: 1200px;
	--container-reading: 720px;
	--container-padding: 16px;

	/* Breakpoints de referencia */
	--breakpoint-sm: 480px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 1024px;
	--breakpoint-xl: 1280px;

	/* Transiciones */
	--transition-fast: 150ms ease;
	--transition-base: 250ms ease;
}