/* Paleta de colores principales */
:root {
	/* Colores principales */
	--color-bg: #f5f7f8;
	--color-primary: #182648;
	--color-primary-dark: #0d47a1;
	--color-secondary: #182648;

	/* Colores de texto */
	--color-white-light: #64748b;


	/* Colores de superficie */
	--color-surface-1: #f3f4f6e7;
	--color-surface-2: #e5e7ebf3;
	--color-white: #ffffff;
	--color-gray-light: #f8fafc;
	--color-gray-dark: #334155;

	/* Colores de estado */
	--color-success: #28a745;
	--color-warning: #ffc107;
	--color-error: #dc3545;

	/* Sombras */
	--shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	--shadow-hover: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

	/* Border radius */
	--border-radius: 3rem;
	--border-radius-sm: 0.375rem;
	

	--font-title: Anton, sans-serif;
}