/* Variables de color de marca, compartidas por site.css, admin.css, legal.css y 404.css -- se enlaza ANTES que cada uno de esos archivos en el de cada página, para que las variables ya existan cuando el resto del CSS las use. No cambia ningún color: son los mismos valores que ya estaban repetidos a mano en cada archivo, solo que ahora tienen un nombre. */ :root{ /* Marca */ --pink:#E19CBA; /* rosa principal: botones, acentos, marca */ --pink-light:#FADFE8; /* rosa claro: fondos suaves, bordes, badges */ --pink-hover:#c97a9c; /* rosa al pasar el mouse sobre un link */ --pink-deep:#a2506e; /* rosa oscuro: texto sobre fondo rosa claro (ej. placeholders "pending") */ --pink-link:#c05f86; /* rosa de links en páginas legales */ --border-pink:#f0d9e2; /* borde/scrollbar rosado sutil */ --lavender:#E9D8F8; /* lavanda: acentos secundarios (admin) */ --whatsapp:#25D366; /* verde oficial de WhatsApp */ /* Neutros / texto */ --brown-dark:#4A2E27; /* texto principal, marca oscura */ --brown-label:#6b4a42; /* texto de párrafos/etiquetas */ --brown-muted:#7a5a50; /* texto secundario apagado */ --text-muted:#a98; /* texto terciario (fechas, notas pequeñas) */ --border:#f0e2d6; /* borde neutro estándar */ /* Fondos */ --cream:#F8F2E8; /* fondo general del sitio */ --notice-bg:#FCF0D8; /* fondo de avisos/notas (páginas legales) */ --notice-text:#8a6a30; /* texto sobre notice-bg */ }