/**
 * Design tokens — GAMUR
 * Valores tomados literalmente del handoff (README.md § Design Tokens).
 * Cualquier color, radio o sombra del tema debe salir de aquí.
 */

:root {
	/* Colores — base */
	--gamur-cream: #FFF8F1;
	--gamur-surface: #FFFFFF;
	--gamur-ink: #2B2724;
	--gamur-ink-soft: #6E655C;
	--gamur-ink-muted: #857D74;
	--gamur-ink-faint: #B3A99E;

	/* Colores — marca */
	--gamur-primary: #8E294A;
	--gamur-primary-dark: #6E1D39;
	--gamur-blush: #F5E1E6;
	--gamur-gold: #D9A85C;
	--gamur-green: #3E9E7A;
	--gamur-orange: #F5A623;

	/* Colores — estructura */
	--gamur-border: #EDE4DA;
	--gamur-border-soft: #F2E9DF;
	--gamur-on-dark: #FFF3EA;
	--gamur-on-dark-soft: #C9BEB4;
	--gamur-on-dark-faint: #8A7F74;
	--gamur-dark-elev: #3A342F;

	/* Degradados */
	--gamur-gradient-brand: linear-gradient(135deg, #8E294A, #D9A85C);
	--gamur-gradient-perks: linear-gradient(120deg, #F5E1E6, #F7E9F0);

	/* Swatches de pa_color (sidebar de filtros) */
	--gamur-swatch-coral: #F0806B;
	--gamur-swatch-rojo: #D8455B;
	--gamur-swatch-rosa: #EFA7C4;
	--gamur-swatch-amarillo: #D9A85C;
	--gamur-swatch-lila: #B9A7E6;
	--gamur-swatch-cafe: #8A5A3B;
	--gamur-swatch-multicolor: linear-gradient(135deg, #8E294A, #D9A85C, #3E9E7A);

	/* Tipografía */
	--gamur-font-display: 'Playfair Display', Georgia, serif;
	--gamur-font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	--gamur-text-hero: clamp(2.5rem, 1.6rem + 3.8vw, 3.75rem);   /* 60px */
	--gamur-text-page: clamp(2rem, 1.5rem + 2vw, 2.625rem);      /* 42px */
	--gamur-text-section: clamp(1.75rem, 1.3rem + 1.9vw, 2.25rem); /* 36px */
	--gamur-text-lg: 1.1875rem;   /* 19px — título de tarjeta */
	--gamur-text-body: 1rem;      /* 16px */
	--gamur-text-sm: 0.875rem;    /* 14px */
	--gamur-text-xs: 0.8125rem;   /* 13px */
	--gamur-text-2xs: 0.75rem;    /* 12px */

	--gamur-tracking-brand: .04em;
	--gamur-tracking-eyebrow: .05em;

	/* Radios */
	--gamur-radius-pill: 999px;
	--gamur-radius-sm: 10px;
	--gamur-radius-md: 12px;
	--gamur-radius-lg: 14px;
	--gamur-radius-card: 22px;
	--gamur-radius-panel: 20px;
	--gamur-radius-panel-lg: 26px;
	--gamur-radius-hero: 28px;

	/* Sombras */
	--gamur-shadow-card: 0 22px 40px -26px rgba(43, 39, 36, .4);
	--gamur-shadow-hero: 0 30px 60px -30px rgba(142, 41, 74, .4);
	--gamur-shadow-media: 0 24px 50px -30px rgba(43, 39, 36, .4);
	--gamur-shadow-logo: 0 2px 8px rgba(110, 29, 57, .25);

	/* Layout */
	--gamur-container: 1240px;
	--gamur-container-narrow: 1080px;
	--gamur-gutter: 28px;
	--gamur-gap: 22px;
	--gamur-gap-sm: 18px;
	--gamur-sticky-top: 96px;

	/* Motion */
	--gamur-duration: 180ms;
	--gamur-ease: cubic-bezier(.16, 1, .3, 1);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--gamur-duration: 1ms;
	}
}