/*
    Aspecto de los botones de las barras de comandos (CommandBar), por FUNCIÓN del botón.

    Este fichero es el ÚNICO sitio que decide el color de los botones de toda la aplicación: el
    CommandBar y las pocas pantallas que ajustan su tamaño leen estas variables y no fijan colores
    propios. Cambiar el estilo de la aplicación entera = cambiar valores aquí.

    Cada función tiene siete variables: --cb-<función>-fondo, -borde, -texto e -icono en reposo, y
    -hover-fondo, -hover-borde e -hover-texto al pasar el ratón. La que no se declara cae a la del
    botón neutro (ver CommandBar.razor.css), así que aquí solo aparece lo que distingue a cada
    función. El paso anterior/siguiente de las fichas y la vuelta al origen usan las del neutro.

    Funciones (la barra deduce la de cada botón, ver CommandBar.razor):
      principal  la acción principal de la pantalla (Guardar en una ficha)
      crear      dar de alta (Nuevo, Añadir…)
      informes   listados e impresión
      borrar     eliminar, anular, revocar

    Estilo actual: «B · el color va en el icono». Todos los botones son blancos con borde y cada
    icono lleva el color de su función. Para pasar al estilo «A · color por función» bastaría con dar
    fondo a la principal, por ejemplo:
        --cb-principal-fondo: #1d4ed8; --cb-principal-borde: #1d4ed8;
        --cb-principal-texto: #ffffff; --cb-principal-icono: #ffffff;
        --cb-principal-hover-fondo: #1e40af; --cb-principal-hover-borde: #1e40af;
*/
:root {
    /* Botón neutro: lo que no es de ninguna función, y la base de todas. */
    --cb-neutro-fondo: #ffffff;
    --cb-neutro-borde: #d0d7de;
    --cb-neutro-texto: #374151;
    --cb-neutro-icono: currentColor;
    --cb-neutro-hover-fondo: #f6f8fa;
    --cb-neutro-hover-borde: #afb8c1;
    --cb-neutro-hover-texto: #111827;
    --cb-sombra: 0 1px 2px rgba(16, 24, 40, 0.05);

    --cb-principal-icono: #1d4ed8;
    --cb-crear-icono: #15803d;
    --cb-informes-icono: #7c3aed;

    --cb-borrar-icono: #b91c1c;
    --cb-borrar-hover-fondo: #fef2f2;
    --cb-borrar-hover-borde: #fecaca;
    --cb-borrar-hover-texto: #b91c1c;
}