/*
 * Demo kit DOWEB — colori
 * Versione kit: 2.12.0
 *
 * Qui stanno TUTTI i colori delle demo. demo-kit.css e le demo usano solo queste variabili:
 * nessun colore va scritto a mano altrove.
 *
 * Dalla 2.0.0 (15/10/2026) c'è un tema solo, doweb: il vestito dell'area riservata dei siti DOWEB,
 * con i colori delle variabili --gsc-* di progettobutterfly.it/admin (palette Google, sfondo
 * #f8f9fa, schede bianche col filetto #dadce0, menu chiaro con la voce attiva a pillola lilla).
 * Nato con la demo del portale gru (Z:\Melo\Preventivi\Noleggio gru - cliente da definire\demo).
 * Il vestito di prima (Marameo / Backoffice di Technos) è stato tolto.
 *
 * Due blocchi, chiaro e scuro, scelti da data-mode su <html> (lo imposta theme-boot.js prima che la
 * pagina si disegni). Ogni coppia testo/sfondo deve restare almeno a 4,5:1 di contrasto; unica
 * eccezione voluta, la voce attiva della barra a icone (#1a73e8 su #e8f0fe, 4,2:1), uguale al pannello.
 */

/* Tema doweb, chiaro */
:root,
[data-theme="doweb"][data-mode="light"] {
    color-scheme: light;

    --color-bg: #f8f9fa;
    --color-surface: #ffffff;
    --color-surface-sunken: #f8f9fa;
    --color-input-bg: #ffffff;

    --color-nav-bg: #ffffff;
    --color-nav-hover: #f1f3f4;
    --color-nav-text: #5f6368;
    --color-nav-label: #5f6368;

    /* barra a icone a sinistra e voce attiva del menu della sezione */
    --color-rail-bg: #f8f9fa;
    --color-rail-active-bg: #e8f0fe;
    --color-rail-active-text: #1a73e8;
    --color-subnav-active-bg: #e8e6f9;
    --color-subnav-active-text: #5f35b1;
    --color-chip-bg: #f1f3f4;

    /* voce attiva del menu del kit */
    --color-nav-active-bg: #e8e6f9;
    --color-nav-active-text: #5f35b1;
    --color-nav-active-bar: #5f35b1;

    --color-row-alt: #ffffff;
    --color-row-hover: #f8f9fa;

    --color-focus-ring: rgba(26, 115, 232, 0.18);

    --color-text: #202124;
    --color-text-muted: #5f6368;
    --color-border: #dadce0;
    --color-border-strong: #dadce0;

    /* #1a73e8 col bianco: 4,5:1 */
    --color-primary: #1a73e8;
    --color-primary-hover: #1557b0;
    --color-on-primary: #ffffff;
    --color-primary-soft: #e8f0fe;
    --color-link: #1a73e8;
    --color-focus: #1a73e8;

    --color-danger: #d93025;
    --color-danger-hover: #b3261e;
    --color-on-danger: #ffffff;

    --color-dot-green: #1e8e3e;
    --color-dot-yellow: #f9ab00;
    --color-dot-red: #d93025;
    --color-dot-gray: #9aa0a6;

    --badge-green-text: #137333;  --badge-green-bg: #e6f4ea;
    --badge-yellow-text: #8a4b00; --badge-yellow-bg: #fef7e0;
    --badge-red-text: #c5221f;    --badge-red-bg: #fce8e6;
    --badge-blue-text: #1967d2;   --badge-blue-bg: #e8f0fe;
    --badge-gray-text: #5f6368;   --badge-gray-bg: #f1f3f4;

    --ribbon-text: #8a4b00;
    --ribbon-bg: #fef7e0;

    --color-overlay: rgba(32, 33, 36, 0.5);
    --shadow: none;
    --shadow-md: 0 1px 3px rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
    --shadow-lg: 0 2px 6px rgba(60, 64, 67, 0.3), 0 8px 24px 6px rgba(60, 64, 67, 0.15);
}

/* Tema doweb, scuro: i --gsc-* di [data-theme="dark"] dello stesso pannello */
[data-theme="doweb"][data-mode="dark"] {
    color-scheme: dark;

    --color-bg: #17181a;
    --color-surface: #202124;
    --color-surface-sunken: #292a2d;
    --color-input-bg: #17181a;

    --color-nav-bg: #202124;
    --color-nav-hover: #292a2d;
    --color-nav-text: #9aa0a6;
    --color-nav-label: #9aa0a6;

    --color-rail-bg: #17181a;
    --color-rail-active-bg: #1c2b45;
    --color-rail-active-text: #8ab4f8;
    --color-subnav-active-bg: #322b4d;
    --color-subnav-active-text: #d0c4f7;
    --color-chip-bg: #292a2d;

    --color-nav-active-bg: #322b4d;
    --color-nav-active-text: #d0c4f7;
    --color-nav-active-bar: #d0c4f7;

    --color-row-alt: #202124;
    --color-row-hover: #292a2d;

    --color-focus-ring: rgba(138, 180, 248, 0.3);

    --color-text: #e8eaed;
    --color-text-muted: #9aa0a6;
    --color-border: #3c4043;
    --color-border-strong: #5f6368;

    /* nello scuro il primario è chiaro: il testo sopra va scuro */
    --color-primary: #8ab4f8;
    --color-primary-hover: #aecbfa;
    --color-on-primary: #202124;
    --color-primary-soft: #1c2b45;
    --color-link: #8ab4f8;
    --color-focus: #8ab4f8;

    --color-danger: #f28b82;
    --color-danger-hover: #f6aea9;
    --color-on-danger: #202124;

    --color-dot-green: #81c995;
    --color-dot-yellow: #fdd663;
    --color-dot-red: #f28b82;
    --color-dot-gray: #9aa0a6;

    --badge-green-text: #81c995;  --badge-green-bg: #1e3a2a;
    --badge-yellow-text: #fdd663; --badge-yellow-bg: #3f3200;
    --badge-red-text: #f28b82;    --badge-red-bg: #4a1c19;
    --badge-blue-text: #8ab4f8;   --badge-blue-bg: #1c2b45;
    --badge-gray-text: #bdc1c6;   --badge-gray-bg: #3c4043;

    --ribbon-text: #fdd663;
    --ribbon-bg: #3f3200;

    --color-overlay: rgba(0, 0, 0, 0.6);
    --shadow: none;
    --shadow-md: 0 1px 3px rgba(0, 0, 0, 0.5), 0 4px 8px 3px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 2px 6px rgba(0, 0, 0, 0.5), 0 8px 24px 6px rgba(0, 0, 0, 0.35);
}