/* Fuentes: Clash Display vía Fontshare, Inter vía Google Fonts. Cargadas en de cada página; este archivo solo define variables. */ :root { /* ── Fondos ─────────────────────────── */ --bg: #FFF4E8; --bg-white: #FFFFFF; --bg-soft: #FFFAF3; /* ── Tinta ──────────────────────────── */ --ink: #1A1410; --ink-2: #6A5A4A; --ink-3: #8A7A6A; /* ── Acento principal (único coral, WCAG AA: 4.98:1 sobre crema) ── */ --coral: #C4361B; --coral-texto: #C4361B; /* ── Acentos decorativos (solo formas, nunca texto) ── */ --yellow: #FFD84D; --lila: #9B8AFB; --turquoise: #4ECDC4; /* ── Bordes ─────────────────────────── */ --border: #F0E0CD; /* ── Forma ───────────────────────────── */ --r-card: 16px; --r-pill: 100px; /* ── Tipografía ─────────────────────── */ --f-display: 'Clash Display', system-ui, sans-serif; /* titulares y cifras grandes */ --f-sans: 'Inter', system-ui, -apple-system, sans-serif; /* cuerpo e interfaz */ /* ── Layout ─────────────────────────── */ --max-w: 1200px; --gutter: clamp(1.25rem, 4vw, 2.5rem); --section-py: clamp(4rem, 8vw, 7rem); --nav-h: 76px; }