/* ==========================================================================
   Fichador.app — tokens de diseño
   Los mismos valores que tailwind.config (functions.php), como variables CSS
   para lo que no pasa por Tailwind: base.css, formularios y editor.
   ========================================================================== */

:root {
	--fc-marca-50: #EEF4FF;
	--fc-marca-100: #DCE8FF;
	--fc-marca-200: #B9D1FF;
	--fc-marca-300: #8AB3FF;
	--fc-marca-400: #4D8BFF;
	--fc-marca-500: #1F6FFF;
	--fc-marca: #0061FE;
	--fc-marca-700: #004FD1;
	--fc-marca-800: #0641A6;
	--fc-marca-900: #0B3A85;

	--fc-tinta: #0B1B33;
	--fc-tinta-900: #07132A;
	--fc-gris: #5B6474;
	--fc-borde: #E2E8F0;
	--fc-suave: #F4F7FE;
	--fc-coral: #FF4D6D;
	--fc-coral-600: #E63B5B;
	--fc-exito: #047857;

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

	--fc-radio: 1rem;
	--fc-sombra-suave: 0 1px 2px rgba(11, 27, 51, .04), 0 8px 24px -12px rgba(11, 27, 51, .18);
	--fc-sombra-marca: 0 10px 30px -10px rgba(0, 97, 254, .55);
	--fc-cabecera-alto: 4.5rem;
}