html, body {
    font-family: 'Roboto', sans-serif;
}

a, .btn-link {
    color: #594AE2;
}

.mud-text-secondary {
    opacity: 0.74;
}

/* Fondo full-shell (2026-07-15, a pedido de Alejandro: "genera un fondo similar para KP y
   aplica el cambio de light a dark"). Ver comentario largo junto al div .kp-app-shell en
   MainLayout.razor -- mismo criterio visual que ya usa el resto de la app en KayrosShared
   (body { background: url(fondodark2.png)... }, ver menu.css), pero aca aplicado a un div
   envolvente en vez de <body> porque KP es Blazor Server con un App.razor estatico compartido.
   La imagen en si (fondodark2.png / fondolight.png) se decide inline en MainLayout.razor segun
   _isDarkMode -- esta clase solo pone el resto de las propiedades (tamaño, posicion, fijo). */
.kp-app-shell {
    min-height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
