/* ==========================================================================
   LlamaCita — tokens de diseño
   Colores sacados del logo: verde azulado #01978E, azul noche #011229 y
   menta #58E3C9. El verde del logo con texto blanco no llega al contraste
   AA, así que los botones y enlaces usan un tono algo más oscuro
   (--lc-marca); el del logo queda para acentos (--lc-logo).
   Los mismos valores que assets/tailwind.tema.json: si cambia uno, cambia
   el otro.
   ========================================================================== */

:root {
	--lc-marca-50: #E9FBF8;
	--lc-marca-100: #CDF6EF;
	--lc-marca-200: #9FEDDF;
	--lc-marca-300: #58E3C9;
	--lc-marca-400: #22C4AE;
	--lc-marca-500: #01978E;
	--lc-marca: #007F77;
	--lc-marca-700: #006861;
	--lc-marca-800: #00544F;
	--lc-marca-900: #003F3C;

	--lc-logo: #01978E;
	--lc-menta: #58E3C9;

	--lc-tinta: #011229;
	--lc-tinta-900: #000B1C;
	--lc-gris: #566273;
	--lc-gris-oscuro: #3B4757;
	--lc-borde: #E2E8F0;
	--lc-suave: #F1F9F8;
	--lc-coral: #FF4D6D;
	--lc-coral-600: #E63B5B;
	--lc-exito: #047857;

	--lc-fuente-titulos: 'Poppins', ui-sans-serif, system-ui, sans-serif;
	--lc-fuente-texto: 'Inter', ui-sans-serif, system-ui, sans-serif;

	--lc-radio: 1rem;
	--lc-sombra-suave: 0 1px 2px rgba(1, 18, 41, .04), 0 8px 24px -12px rgba(1, 18, 41, .18);
	--lc-sombra-marca: 0 10px 30px -10px rgba(0, 127, 119, .55);
	--lc-cabecera-alto: 4.5rem;
}