/* =========================================================
   MME Consultores Jurídicos — Variables globales
   Cambia aquí cualquier color, tipografía o espaciado y se
   actualiza en todo el sitio automáticamente.
   ========================================================= */

:root {

	/* ---- Colores de marca ---- */
	--color-dark:        #0b1220;   /* fondo oscuro (nav, footer, franjas) */
	--color-dark-soft:   #121b2e;   /* variante un poco más clara para tarjetas sobre fondo oscuro */
	--color-dark-border: #223049;   /* líneas/bordes sutiles sobre fondo oscuro */

	--color-gold:        #c9a15a;   /* dorado principal (acentos, botones, iconos) */
	--color-gold-dark:   #a67c3d;   /* dorado oscuro (hover, degradados) */
	--color-gold-light:  #e6cd9c;   /* dorado claro (detalles, líneas) */

	--color-cream:       #f7f4ee;   /* fondo claro alterno entre secciones */
	--color-white:       #ffffff;

	/* ---- Colores de texto ---- */
	--color-text:        #2b2b2b;   /* texto principal sobre fondo claro */
	--color-text-muted:  #6c6c6c;   /* texto secundario sobre fondo claro */
	--color-text-light:  #f5f5f5;   /* texto principal sobre fondo oscuro */
	--color-text-light-muted: rgba(245, 245, 245, 0.7);

	/* ---- Tipografías ---- */
	--font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--font-body:    'Poppins', 'Segoe UI', Arial, sans-serif;

	/* ---- Tamaños de texto ---- */
	--fs-hero:     clamp(2.1rem, 4vw, 3.4rem);
	--fs-h2:       clamp(1.65rem, 2.6vw, 2.3rem);
	--fs-h3:       clamp(1.2rem, 1.6vw, 1.4rem);
	--fs-eyebrow:  0.8rem;

	/* ---- Espaciados ---- */
	--section-padding-y: 6rem;
	--section-padding-y-sm: 3.5rem;

	/* ---- Bordes / sombras ---- */
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 20px;
	--shadow-card: 0 15px 35px rgba(11, 18, 32, 0.08);
	--shadow-card-hover: 0 20px 45px rgba(11, 18, 32, 0.14);

	/* ---- Transiciones ---- */
	--transition-base: all 0.3s ease;
}