/* ============================================================================
   XReach — Marchio: AlterBIT
   Generato da AB Studio 1.0.0

   Questo è l'unico foglio da toccare per vestire l'applicazione con i colori
   di un cliente. Viene caricato DOPO css/app.css:

       bootstrap 5.3 → devexpress → app.css (sistema) → theme.css (marchio)

   app.css non conosce nessun colore: costruisce carta, filetti, testi e stati
   a partire dai token qui sotto. Cambiare --brand-primario e --brand-navy
   ricolora l'intera applicazione, testata e rail compresi, senza che serva
   rileggere una sola regola del sistema.

   IL COLORE HA UN SOLO SIGNIFICATO (regola non negoziabile):
       blu       → navigazione, azione, stato corrente
       negativo  → valore in diminuzione, storno, importo sottratto
       verde     → esito positivo confermato
       ambra     → da verificare prima di procedere
   Qualsiasi altro uso del colore è un errore di applicazione, non di stile.
   ============================================================================ */

:root {

    /* ---- Marchio ----------------------------------------------------------
       Veste scelta alla generazione: AlterBIT. Per cambiarla basta
       riscrivere questi valori con i colori campionati dal logo del cliente.
       --brand-primario è l'azione, --brand-navy la cromatura (testata, titoli,
       righe di totale): restano due colori distinti perché una cosa cliccabile
       e un fondo istituzionale non devono somigliarsi. */

    --brand-primario:        #1d4f86;   /* azione primaria, stato attivo */
    --brand-primario-scuro:  #173e6b;   /* hover del primario */
    --brand-primario-chiaro: #2f6aa8;   /* link e anello di messa a fuoco */
    --brand-navy:            #8b0000;   /* cromatura: testata, titoli, totali */
    --brand-navy-scuro:      #6b0000;   /* fondo della testata */
    --brand-azzurro:         #e8b9b9;   /* bordi su fondo blu, selezione */

    /* Accento caldo. Un solo tratto in tutta l'interfaccia: il filetto sotto
       la testata e il primo tratto della riga sotto il titolo di pagina.
       È la firma visiva del prodotto e costa due regole di CSS. */
    --brand-accento:         #d9a441;

    /* ---- Colori con significato ------------------------------------------
       --brand-negativo è il denaro sottratto (storni, importi in diminuzione)
       e resta volutamente distinto da --brand-rosso, che segnala errori e
       azioni distruttive: un totale negativo non è un errore. */

    --brand-negativo:        #a3122b;
    --brand-rosso:           #c2192f;
    --brand-verde:           #3f7a34;   /* tarato per passare AA su carta */
    --brand-ambra:           #d99a2b;
    --brand-ambra-testo:     #8a5a00;   /* testo leggibile su velo ambra */

    /* ---- Caratteri --------------------------------------------------------
       Nessun webfont: le applicazioni gestionali girano spesso in rete interna
       e un carattere che non arriva è una pagina che salta. La personalità
       viene dal sistema — occhielli maiuscoli spaziati, titoli stretti, cifre
       tabellari — non dal font. Per usarne uno del cliente basta anteporlo. */

    --brand-font: "Segoe UI Variable Text", "Segoe UI", -apple-system,
                  BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
    --brand-font-titoli: "Segoe UI Variable Display", "Segoe UI Semibold",
                         "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --brand-font-mono: "Cascadia Mono", Consolas, "SF Mono", ui-monospace,
                       "Liberation Mono", monospace;
}

/* ---- Qualifica accanto al marchio ------------------------------------------
   La testata mostra il nome dell'applicazione; la riga qui sotto gli affianca
   una qualifica, separata da un filetto. Si ottiene senza toccare il markup.
   Per rimuoverla basta cancellare questo blocco. */
.header-logo::after {
    content: none;
}