/* Letra del menú lateral: UN solo sitio para cambiarla de golpe (guía: docs/Dev/modulos/M25-NAVEGACION-ESPACIOS.md,
   «¿Dónde se cambia la letra del menú?»).

   Aquí solo hay variables; las usan LeftSidebar.razor.css (lateral y desplegable del menú contraído) y el filtro del
   menú. Una regla del lateral no escribe un tamaño, un peso ni una letra a mano: usa una de estas.

   Los colores de los rótulos se apoyan en las variables del tema claro/oscuro (--erp-*, css/tema.css) cuando están, y
   si no, en el gris de siempre (el segundo valor de cada var()). Así el tema puede redefinir estas mismas variables
   bajo [data-tema="oscuro"] o con la letra que elija la persona, sin tocar el lateral. */

:root {
    /* Familia de letra del menú. «inherit» = la de la aplicación. */
    --menu-letra: inherit;

    /* Grupos (primer nivel: «Ventas», «Compras»…) */
    --menu-grupo-tam: 14px;
    --menu-grupo-peso: 500;

    /* Opciones (segundo nivel, y las del desplegable con el menú contraído) */
    --menu-opcion-tam: 13.5px;
    --menu-opcion-peso: 500;
    --menu-opcion-peso-activa: 600;

    /* Títulos de apartado dentro de un grupo («Documentos», «Informes», «Ajustes»). Suaves a propósito: separan sin
       competir con las opciones. Sin mayúsculas: en mayúsculas pesaban más que lo que separan. */
    --menu-seccion-tam: 11px;
    --menu-seccion-peso: 500;
    --menu-seccion-mayusculas: none;      /* «uppercase» para volver a las mayúsculas */
    --menu-seccion-espaciado: 0.01em;
    --menu-seccion-color: var(--erp-texto-tenue, #a0abba);
    --menu-seccion-linea: var(--erp-borde-suave, #eef1f5);   /* la raya fina que sigue al título */

    /* Título del desplegable del menú contraído (el nombre del grupo) */
    --menu-titulo-tam: 13.5px;
    --menu-titulo-peso: 650;

    /* Filtro del menú (la caja «Buscar en el menú») */
    --menu-filtro-tam: 13px;
    --menu-filtro-fondo: var(--erp-superficie-suave, #f6f8fb);
    --menu-filtro-borde: var(--erp-borde-suave, #e7edf5);

    /* «Lo último» (las últimas pantallas, debajo de Principal): el grupo de cada una, en pequeño a la derecha */
    --menu-reciente-grupo-tam: 11px;
    --menu-reciente-grupo-color: var(--erp-texto-tenue, #a0abba);
}