/**
 * Giornalino — Design tokens
 * Variables globales para colores, tipografía, espaciado, radio y sombra.
 * Carga condicional (revistas o single edición).
 */

:root {
	/* Colors */
	--gio-color-brand: #83191d;
	--gio-color-brand-light: #a02026;
	--gio-color-hero-bg: #BF294E;
	--gio-color-text: #21251f;
	--gio-color-text-muted: #666;
	--gio-color-border: #ddd;
	--gio-color-surface: #f5f5f5;
	--gio-color-white: #fff;

	/* Font */
	--gio-font-serif: "Source Serif Pro", Georgia, serif;
	--gio-font-sans: system-ui, -apple-system, sans-serif;
	--gio-font-size-xs: 0.875rem;
	--gio-font-size-sm: 1rem;
	--gio-font-size-base: 1.125rem;
	--gio-font-size-lg: 1.25rem;
	--gio-font-size-xl: 1.75rem;
	--gio-font-size-hero: clamp(1.5rem, 4vw, 2.25rem);
	--gio-line-height-tight: 1.2;
	--gio-line-height-normal: 1.5;

	/* Spacing */
	--gio-space-xs: 0.25rem;
	--gio-space-sm: 0.5rem;
	--gio-space-md: 1rem;
	--gio-space-lg: 1.5rem;
	--gio-space-xl: 2rem;
	--gio-space-2xl: 3rem;
	--gio-container-pad: clamp(1rem, 5vw, 2rem);

	/* Radius */
	--gio-radius-sm: 4px;
	--gio-radius-md: 6px;
	--gio-radius-lg: 8px;

	/* Shadow */
	--gio-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.06);
	--gio-shadow-card-hover: 0 4px 16px rgba(0, 0, 0, 0.1);

	/* Transition */
	--gio-transition: 0.2s ease;
}