:root {
    /* Paleta profesional y elegante basada en la imagen */
    --color-primario: #232c36; /* Azul grisáceo oscuro (barra navegación) */
    --color-secundario: #151b25; /* Azul casi negro (fondo cuerpo) */
    --color-acento: #60a5fa; /* Dorado suave para detalles */
    --color-fondo: #0b0e13; /* Fondo del cuerpo */
    --color-fondo-barra: rgba(72, 85, 100, 0.7); /* Fondo barra navegación con transparencia */
    --color-texto: #f5f6fa; /* Texto principal muy claro */
    --color-texto-invertido: #232c36; /* Texto oscuro para fondos claros/acento */
    --color-texto-secundario: #bfc8d6; /* Texto secundario gris azulado */
    --color-sombra: 0 4px 24px rgba(20, 24, 40, 0.25);
    --color-borde: #2e3742; /* Borde sutil para elementos sobre fondo oscuro */
    --color-borde-claro: #3c4653; /* Borde más claro para tarjetas o inputs */
    --color-icono: #f5b942; /* Verde azulado vibrante para íconos */
    /* Estados de feedback */
    --color-exito: #2ecc71;
    --color-error: #e74c3c;
    --espaciado: 2rem;
    --border-radius: 14px;
    --fuente-principal: 'Inter', 'Segoe UI', 'Roboto', Arial, sans-serif;
    --fuente-titulos: 'Montserrat', 'Inter', Arial, sans-serif;
    --fuente-logo-segoe: 'Segoe UI', 'Inter', Arial, sans-serif;
}