/**
 * TECNOVALORE - DESIGN TOKENS
 * Fonte unica di verità per tutti i colori del portale.
 * Modificare solo qui per cambiare il tema globale.
 *
 * Struttura:
 *   1. Palette primitiva  – valori raw, non usare direttamente nel markup
 *   2. Token semantici    – usare questi nelle regole CSS dei componenti
 */

:root {

    /* =============================================
       1. PALETTE PRIMITIVA
       ============================================= */

    /* Verde brand Tecnovalore */
    --primitive-green-900: #2d5451;
    --primitive-green-700: #3d706c;
    --primitive-green-500: #2c6661;
    --primitive-green-400: #738d8d;
    --primitive-green-300: #92bdb9;
    --primitive-green-100: #e5eaea;
    --primitive-green-50:  #f7f7f7;

    /* Giallo brand Tecnovalore (accent / CTA) */
    --primitive-yellow-500: #f1af35;
    --primitive-yellow-400: #f6e352;
    --primitive-yellow-300: #fdf0c0;

    /* Grigi neutri */
    --primitive-gray-900: #333333;
    --primitive-gray-700: #555555;
    --primitive-gray-600: #666666;
    --primitive-gray-500: #888888;
    --primitive-gray-444: #444444;
    --primitive-gray-200: #d2d6de;   /* bordi sidebar, albero elementi */
    --primitive-gray-150: #dddddd;   /* bordi pannelli */
    --primitive-gray-100: #e5e5e5;   /* bordi sottili, separatori */
    --primitive-gray-80:  #e6e6e6;   /* sfondi barre titolo, dashboard header */
    --primitive-gray-50:  #f4f4f4;   /* sfondi input-addon, aree neutre */
    --primitive-gray-20:  #f9fafc;   /* sfondo sidebar AdminLTE */
    --primitive-gray-ecf: #ecf0f5;   /* sfondo content-wrapper LTE default */

    /* Rosso / stato errore */
    --primitive-red-500:  #FF3030;
    --primitive-red-200:  #FF8080;

    /* Colori calendario weekend/festività */
    --primitive-weekend:           #3030FF;
    --primitive-weekend-disabled:  #8080FF;
    --primitive-holiday:           #FF3030;
    --primitive-holiday-disabled:  #FF8080;

    /* Bianchi */
    --primitive-white: #ffffff;


    /* =============================================
       2. TOKEN SEMANTICI
       Questi sono i valori da usare nei componenti
       e negli override di AdminLTE / Bootstrap.
       ============================================= */

    /* -- Brand -- */
    --color-brand-primary:        var(--primitive-green-500);
    --color-brand-primary-dark:   var(--primitive-green-900);
    --color-brand-primary-mid:    var(--primitive-green-400);
    --color-brand-primary-light:  var(--primitive-green-300);
    --color-brand-primary-hover:  var(--primitive-green-700);
    --color-brand-accent:         var(--primitive-yellow-500);
    --color-brand-accent-hover:   var(--primitive-yellow-400);
    --color-brand-accent-light:   var(--primitive-yellow-300);

    /* -- Sfondo applicazione -- */
    --color-bg-app:               transparent;
    --color-bg-body:              var(--primitive-green-50);     /* sfondo globale (override LTE #ecf0f5) */
    --color-bg-sidebar:           var(--primitive-green-100);
    --color-bg-surface:           var(--primitive-white);
    --color-bg-surface-alt:       var(--primitive-green-100);
    --color-bg-surface-subtle:    var(--primitive-green-50);
    --color-bg-overlay-gradient:  linear-gradient(180deg, transparent, var(--primitive-green-900) 65%);

    /* -- Header / Navbar -- */
    --color-header-bg:            var(--primitive-yellow-500);
    --color-header-text:          var(--primitive-green-900);
    --color-header-link:          var(--primitive-white);
    --color-header-link-hover-bg: rgba(0,0,0,0.1);
    --color-header-logo-bg:       var(--primitive-yellow-500);
    --color-header-logo-hover-bg: var(--primitive-yellow-400);
    --color-header-toggle-color:  var(--primitive-green-900);
    --color-header-toggle-hover:  var(--primitive-green-700);

    /* -- Sidebar / Menu -- */
    --color-sidebar-bg:           var(--primitive-green-100);
    --color-sidebar-border:       var(--primitive-green-300);
    --color-sidebar-link:         var(--primitive-green-700);
    --color-sidebar-link-hover:   var(--primitive-green-900);
    --color-sidebar-link-hover-bg: var(--primitive-green-50);
    --color-sidebar-active-border: var(--primitive-yellow-500);
    --color-sidebar-active-bg:    var(--primitive-green-50);
    --color-sidebar-submenu-bg:   var(--primitive-green-50);
    --color-sidebar-submenu-link: var(--primitive-green-500);
    --color-sidebar-header-text:  var(--primitive-green-500);
    --color-sidebar-form-border:  var(--primitive-green-300);

    /* -- Content -- */
    --color-content-bg:           transparent;
    --color-footer-bg:            var(--primitive-white);
    --color-footer-text:          var(--primitive-gray-444);
    --color-footer-border:        var(--primitive-gray-200);

    /* -- Link globali -- */
    --color-link:                 var(--primitive-green-500);
    --color-link-hover:           var(--primitive-green-300);

    /* -- Testo -- */
    --color-text-primary:         var(--primitive-gray-900);
    --color-text-secondary:       var(--primitive-gray-700);
    --color-text-muted:           var(--primitive-gray-500);
    --color-text-on-dark:         var(--primitive-white);
    --color-text-brand:           var(--primitive-green-500);
    --color-text-brand-nav:       var(--primitive-green-700);
    --color-text-brand-nav-active: var(--primitive-green-900);
    --color-text-nav-hover:       var(--primitive-green-900);

    /* -- Bordi -- */
    --color-border-default:       var(--primitive-gray-150);
    --color-border-subtle:        var(--primitive-gray-100);
    --color-border-sidebar:       var(--primitive-green-300);
    --color-border-tree:          var(--primitive-gray-200);
    --color-border-focus:         var(--primitive-green-300);
    --color-border-dark:          rgba(0,0,0,0.1);

    /* -- Interattività -- */
    --color-icon-default:         var(--primitive-green-500);
    --color-icon-hover:           var(--primitive-yellow-500);
    --color-menu-active-border:   var(--primitive-yellow-500);
    --color-menu-active-bg:       var(--primitive-green-50);
    --color-navbar-hover:         var(--primitive-green-700);

    /* -- Loader spinner -- */
    --color-loader-stroke:        var(--primitive-green-500);

    /* -- Mappa (Google Maps / PAC) -- */
    --color-map-title-bg:         var(--primitive-green-500);
    --color-map-input-focus:      var(--primitive-green-300);

    /* -- Calendario -- */
    --color-calendar-weekend:          var(--primitive-weekend);
    --color-calendar-weekend-disabled: var(--primitive-weekend-disabled);
    --color-calendar-holiday:          var(--primitive-holiday);
    --color-calendar-holiday-disabled: var(--primitive-holiday-disabled);

    /* -- Dashboard -- */
    --color-dashboard-header-bg:      var(--primitive-green-100);
    --color-dashboard-header-text:    var(--primitive-green-500);
    --color-dashboard-header-border:  var(--primitive-green-300);

    /* -- Registration -- */
    --color-registration-sidebar-bg:  var(--primitive-green-400);

}