/**
 * =============================================================================
 * DESIGN TOKENS - Sistema di Design Centralizzato PAS
 * =============================================================================
 *
 * Questo file contiene TUTTE le variabili di colore dell'applicazione.
 * Modifica qui per cambiare i colori in tempo reale su tutto il sito.
 *
 * STRUTTURA:
 * 1. Palette Principale (brand)
 * 2. Colori Reparti (visite, corsi, consulenze, target)
 * 3. Colori Sub-Brand (sinergy, academy)
 * 4. Colori Stato (success, warning, danger, info)
 * 5. Override Bootstrap
 *
 * =============================================================================
 */

:root {
  /* =========================================================================
     1. PALETTE PRINCIPALE
     ========================================================================= */

  /* --- Sfondo Generale --- */
  --brand-bg: #fafaf6;                    /* Sfondo pagina (beige chiaro) */
  --brand-bg-rgb: 250, 250, 246;

  /* --- Testo Principale --- */
  --brand-text: #403E3E;                  /* Testo normale (grigio scuro) */
  --brand-text-rgb: 64, 62, 62;
  --brand-text-muted: #6c757d;            /* Testo secondario */

  /* --- Colore Primario (Olive/Brown) --- */
  --brand-primary: #6C674F;               /* Colore principale */
  --brand-primary-rgb: 108, 103, 79;
  --brand-primary-hover: #56523F;         /* Hover */
  --brand-primary-active: #403D2F;        /* Active/Click */
  --brand-primary-light: #F0EFE9;         /* Sfondo chiaro */
  --brand-primary-border: #D8D4CE;        /* Bordo chiaro */

  /* --- Sfondi Card --- */
  --brand-card-bg: #FFFFFF;               /* Sfondo card */
  --brand-card-bg-subtle: #FAF9F7;        /* Sfondo card header */
  --brand-border-subtle: #D8D4CE;         /* Bordi sottili */

  /* =========================================================================
     2. COLORI REPARTI
     ========================================================================= */

  /* --- VISITE (Verde) --- */
  --brand-visite: #a2c671;                /* Verde chiaro */
  --brand-visite-rgb: 162, 198, 113;
  --brand-visite-hover: #86a858;          /* Hover */
  --brand-visite-light: #f0f7e8;          /* Sfondo chiaro */
  --brand-visite-dark: #5c753b;           /* Testo scuro */
  --brand-visite-fg: #FFFFFF;             /* Testo su sfondo */

  /* --- CORSI (Blu) --- */
  --brand-corsi: #80b4e4;                 /* Blu chiaro */
  --brand-corsi-rgb: 128, 180, 228;
  --brand-corsi-hover: #6aa0d0;           /* Hover */
  --brand-corsi-light: #ebf5fc;           /* Sfondo chiaro */
  --brand-corsi-dark: #4a7aa6;            /* Testo scuro */
  --brand-corsi-fg: #FFFFFF;              /* Testo su sfondo */

  /* --- CONSULENZE (Viola) --- */
  --brand-consulenze: #bba7fa;            /* Viola chiaro */
  --brand-consulenze-rgb: 187, 167, 250;
  --brand-consulenze-hover: #a08ce0;      /* Hover */
  --brand-consulenze-light: #f5f0fe;      /* Sfondo chiaro */
  --brand-consulenze-dark: #7a6ab0;       /* Testo scuro */
  --brand-consulenze-fg: #FFFFFF;         /* Testo su sfondo */

  /* --- TARGET / OBIETTIVI (Arancione) --- */
  --brand-target: #f5a623;                /* Arancione */
  --brand-target-rgb: 245, 166, 35;
  --brand-target-hover: #e09000;          /* Hover */
  --brand-target-light: #fef7e8;          /* Sfondo chiaro */
  --brand-target-dark: #9a6700;           /* Testo scuro */
  --brand-target-fg: #FFFFFF;             /* Testo su sfondo */

  /* --- DOCUMENTI (Teal/Petrolio) --- */
  --brand-documenti: #20c997;             /* Teal */
  --brand-documenti-rgb: 32, 201, 151;
  --brand-documenti-hover: #1aa87a;       /* Hover */
  --brand-documenti-light: #e6f9f4;       /* Sfondo chiaro */
  --brand-documenti-dark: #0d6e52;        /* Testo scuro */
  --brand-documenti-fg: #FFFFFF;          /* Testo su sfondo */

  /* =========================================================================
     HEADER CARD COLORS (Titoli Sezione per Reparto)
     ========================================================================= */

  /* --- Header Visite --- */
  --brand-header-visite: #5c753b;
  --brand-header-visite-text: #FFFFFF;

  /* --- Header Corsi --- */
  --brand-header-corsi: #4a7aa6;
  --brand-header-corsi-text: #FFFFFF;
  --brand-header-corsi-step1: #5a8bb8;
  --brand-header-corsi-step1-text: #FFFFFF;
  --brand-header-corsi-step2: #4a7aa6;
  --brand-header-corsi-step2-text: #FFFFFF;
  --brand-header-corsi-step3: #3a6a94;
  --brand-header-corsi-step3-text: #FFFFFF;
  --brand-header-corsi-iscrizioni: #6aa0d0;
  --brand-header-corsi-iscrizioni-text: #FFFFFF;

  /* --- Header Consulenze --- */
  --brand-header-consulenze: #7a6ab0;
  --brand-header-consulenze-text: #FFFFFF;

  /* --- Header Target --- */
  --brand-header-target: #9a6700;
  --brand-header-target-text: #FFFFFF;

  /* =========================================================================
     3. COLORI SUB-BRAND
     ========================================================================= */

  /* --- SINERGY (Olive - stesso del Primary) --- */
  --brand-sinergy: #6C674F;
  --brand-sinergy-rgb: 108, 103, 79;
  --brand-sinergy-hover: #56523F;
  --brand-sinergy-light: #F0EFE9;
  --brand-sinergy-fg: #FFFFFF;

  /* --- ACADEMY (Blu Corporate) --- */
  --brand-academy: #215E9B;
  --brand-academy-rgb: 33, 94, 155;
  --brand-academy-hover: #1a4d80;
  --brand-academy-light: #e8f1fa;
  --brand-academy-fg: #FFFFFF;

  /* =========================================================================
     4. COLORI STATO (Bootstrap Override)
     ========================================================================= */

  /* --- Success (Verde) --- */
  --brand-success: #198754;
  --brand-success-rgb: 25, 135, 84;
  --brand-success-light: #d1e7dd;

  /* --- Warning (Giallo) --- */
  --brand-warning: #ffc107;
  --brand-warning-rgb: 255, 193, 7;
  --brand-warning-light: #fff3cd;

  /* --- Danger (Rosso) --- */
  --brand-danger: #dc3545;
  --brand-danger-rgb: 220, 53, 69;
  --brand-danger-light: #f8d7da;

  /* --- Info (Ciano) --- */
  --brand-info: #0dcaf0;
  --brand-info-rgb: 13, 202, 240;
  --brand-info-light: #cff4fc;

  /* =========================================================================
     5. OVERRIDE BOOTSTRAP
     ========================================================================= */

  /* Body */
  --bs-body-bg: var(--brand-bg);
  --bs-body-bg-rgb: var(--brand-bg-rgb);
  --bs-body-color: var(--brand-text);
  --bs-body-color-rgb: var(--brand-text-rgb);

  /* Primary */
  --bs-primary: var(--brand-primary);
  --bs-primary-rgb: var(--brand-primary-rgb);
  --bs-primary-text-emphasis: var(--brand-primary-active);
  --bs-primary-bg-subtle: var(--brand-primary-light);
  --bs-primary-border-subtle: var(--brand-primary-border);

  /* Links */
  --bs-link-color: var(--brand-primary);
  --bs-link-hover-color: var(--brand-primary-hover);

  /* Card */
  --bs-card-bg: var(--brand-card-bg);
  --bs-card-border-color: var(--brand-border-subtle);
  --bs-card-cap-bg: var(--brand-card-bg-subtle);

  /* Status Colors */
  --bs-success: var(--brand-success);
  --bs-success-rgb: var(--brand-success-rgb);
  --bs-warning: var(--brand-warning);
  --bs-warning-rgb: var(--brand-warning-rgb);
  --bs-danger: var(--brand-danger);
  --bs-danger-rgb: var(--brand-danger-rgb);
  --bs-info: var(--brand-info);
  --bs-info-rgb: var(--brand-info-rgb);
}

/* =============================================================================
   CLASSI UTILITY - VISITE
   ============================================================================= */

.text-visite { color: var(--brand-visite) !important; }
.bg-visite { background-color: var(--brand-visite) !important; color: var(--brand-visite-fg) !important; }
.bg-visite-subtle { background-color: var(--brand-visite-light) !important; }
.text-visite-emphasis { color: var(--brand-visite-dark) !important; }
.border-visite { border-color: var(--brand-visite) !important; }

.btn-visite {
  background-color: var(--brand-visite);
  border-color: var(--brand-visite);
  color: var(--brand-visite-fg);
}
.btn-visite:hover, .btn-visite:focus, .btn-visite:active {
  background-color: var(--brand-visite-hover) !important;
  border-color: var(--brand-visite-hover) !important;
  color: #FFFFFF !important;
}

.btn-outline-visite {
  color: var(--brand-visite);
  border-color: var(--brand-visite);
  background-color: transparent;
}
.btn-outline-visite:hover, .btn-outline-visite:focus, .btn-outline-visite:active {
  background-color: var(--brand-visite) !important;
  border-color: var(--brand-visite) !important;
  color: #FFFFFF !important;
}

/* =============================================================================
   CLASSI UTILITY - CORSI
   ============================================================================= */

.text-corsi { color: var(--brand-corsi) !important; }
.bg-corsi { background-color: var(--brand-corsi) !important; color: var(--brand-corsi-fg) !important; }
.bg-corsi-subtle { background-color: var(--brand-corsi-light) !important; }
.text-corsi-emphasis { color: var(--brand-corsi-dark) !important; }
.border-corsi { border-color: var(--brand-corsi) !important; }

.btn-corsi {
  background-color: var(--brand-corsi);
  border-color: var(--brand-corsi);
  color: var(--brand-corsi-fg);
}
.btn-corsi:hover, .btn-corsi:focus, .btn-corsi:active {
  background-color: var(--brand-corsi-hover) !important;
  border-color: var(--brand-corsi-hover) !important;
  color: #FFFFFF !important;
}

.btn-outline-corsi {
  color: var(--brand-corsi);
  border-color: var(--brand-corsi);
  background-color: transparent;
}
.btn-outline-corsi:hover, .btn-outline-corsi:focus, .btn-outline-corsi:active {
  background-color: var(--brand-corsi) !important;
  border-color: var(--brand-corsi) !important;
  color: #FFFFFF !important;
}

/* =============================================================================
   CLASSI UTILITY - CONSULENZE
   ============================================================================= */

.text-consulenze { color: var(--brand-consulenze) !important; }
.bg-consulenze { background-color: var(--brand-consulenze) !important; color: var(--brand-consulenze-fg) !important; }
.bg-consulenze-subtle { background-color: var(--brand-consulenze-light) !important; }
.text-consulenze-emphasis { color: var(--brand-consulenze-dark) !important; }
.border-consulenze { border-color: var(--brand-consulenze) !important; }

.btn-consulenze {
  background-color: var(--brand-consulenze);
  border-color: var(--brand-consulenze);
  color: var(--brand-consulenze-fg);
}
.btn-consulenze:hover, .btn-consulenze:focus, .btn-consulenze:active {
  background-color: var(--brand-consulenze-hover) !important;
  border-color: var(--brand-consulenze-hover) !important;
  color: #FFFFFF !important;
}

.btn-outline-consulenze {
  color: var(--brand-consulenze);
  border-color: var(--brand-consulenze);
  background-color: transparent;
}
.btn-outline-consulenze:hover, .btn-outline-consulenze:focus, .btn-outline-consulenze:active {
  background-color: var(--brand-consulenze) !important;
  border-color: var(--brand-consulenze) !important;
  color: #FFFFFF !important;
}

/* =============================================================================
   CLASSI UTILITY - TARGET / OBIETTIVI
   ============================================================================= */

.text-target { color: var(--brand-target) !important; }
.bg-target { background-color: var(--brand-target) !important; color: var(--brand-target-fg) !important; }
.bg-target-subtle { background-color: var(--brand-target-light) !important; }
.text-target-emphasis { color: var(--brand-target-dark) !important; }
.border-target { border-color: var(--brand-target) !important; }

.btn-target {
  background-color: var(--brand-target);
  border-color: var(--brand-target);
  color: var(--brand-target-fg);
}
.btn-target:hover, .btn-target:focus, .btn-target:active {
  background-color: var(--brand-target-hover) !important;
  border-color: var(--brand-target-hover) !important;
  color: #FFFFFF !important;
}

.btn-outline-target {
  color: var(--brand-target);
  border-color: var(--brand-target);
  background-color: transparent;
}
.btn-outline-target:hover, .btn-outline-target:focus, .btn-outline-target:active {
  background-color: var(--brand-target) !important;
  border-color: var(--brand-target) !important;
  color: #FFFFFF !important;
}

/* =============================================================================
   CLASSI UTILITY - DOCUMENTI
   ============================================================================= */

.text-documenti { color: var(--brand-documenti) !important; }
.bg-documenti { background-color: var(--brand-documenti) !important; }
.bg-documenti, .bg-documenti * { color: var(--brand-documenti-fg) !important; }
.bg-documenti-subtle { background-color: var(--brand-documenti-light) !important; }
.text-documenti-emphasis { color: var(--brand-documenti-dark) !important; }
.border-documenti { border-color: var(--brand-documenti) !important; }

.btn-documenti {
  background-color: var(--brand-documenti);
  border-color: var(--brand-documenti);
  color: var(--brand-documenti-fg);
}
.btn-documenti:hover, .btn-documenti:focus, .btn-documenti:active {
  background-color: var(--brand-documenti-hover);
  border-color: var(--brand-documenti-hover);
  color: var(--brand-documenti-fg);
}

.btn-outline-documenti {
  color: var(--brand-documenti);
  border-color: var(--brand-documenti);
  background-color: transparent;
}
.btn-outline-documenti:hover, .btn-outline-documenti:focus, .btn-outline-documenti:active {
  background-color: var(--brand-documenti);
  border-color: var(--brand-documenti);
  color: var(--brand-documenti-fg);
}

/* =============================================================================
   CLASSI UTILITY - SINERGY
   ============================================================================= */

.text-sinergy { color: var(--brand-sinergy) !important; }
.bg-sinergy { background-color: var(--brand-sinergy) !important; color: var(--brand-sinergy-fg) !important; }
.badge-sinergy, .badge.sinergy {
  background-color: var(--brand-sinergy) !important;
  color: var(--brand-sinergy-fg) !important;
  border: 1px solid var(--brand-sinergy) !important;
}

/* =============================================================================
   CLASSI UTILITY - ACADEMY
   ============================================================================= */

.text-academy { color: var(--brand-academy) !important; }
.bg-academy { background-color: var(--brand-academy) !important; color: var(--brand-academy-fg) !important; }
.badge-academy, .badge.academy {
  background-color: var(--brand-academy) !important;
  color: var(--brand-academy-fg) !important;
  border: 1px solid var(--brand-academy) !important;
}

/* =============================================================================
   BRAND CARD ACCENTS
   ============================================================================= */

.brand-card[data-brand="visite"] { border-left: 4px solid var(--brand-visite) !important; }
.brand-card[data-brand="corsi"] { border-left: 4px solid var(--brand-corsi) !important; }
.brand-card[data-brand="consulenze"] { border-left: 4px solid var(--brand-consulenze) !important; }
.brand-card[data-brand="target"] { border-left: 4px solid var(--brand-target) !important; }
.brand-card[data-brand="documenti"] { border-left: 4px solid var(--brand-documenti) !important; }
.brand-card[data-brand="sinergy"] { border-left: 4px solid var(--brand-sinergy) !important; }
.brand-card[data-brand="academy"] { border-left: 4px solid var(--brand-academy) !important; }

/* =============================================================================
   HEADER CARD - Titoli Sezione per Reparto
   ============================================================================= */

/* Header Card Colors - Dichiarati nella sezione :root principale sopra (linee 19-167)
   per evitare duplicazioni. I valori customizzati vengono da design-tokens-custom.css */

.card-header-visite,
.card-header-visite h1, .card-header-visite h2, .card-header-visite h3,
.card-header-visite h4, .card-header-visite h5, .card-header-visite h6,
.card-header-visite small, .card-header-visite i {
  background-color: var(--brand-header-visite) !important;
  color: var(--brand-header-visite-text) !important;
}
.card-header-visite h1, .card-header-visite h2, .card-header-visite h3,
.card-header-visite h4, .card-header-visite h5, .card-header-visite h6,
.card-header-visite small, .card-header-visite i {
  background-color: transparent !important;
}

.card-header-corsi,
.card-header-corsi h1, .card-header-corsi h2, .card-header-corsi h3,
.card-header-corsi h4, .card-header-corsi h5, .card-header-corsi h6,
.card-header-corsi small, .card-header-corsi i {
  background-color: var(--brand-header-corsi) !important;
  color: var(--brand-header-corsi-text) !important;
}
.card-header-corsi h1, .card-header-corsi h2, .card-header-corsi h3,
.card-header-corsi h4, .card-header-corsi h5, .card-header-corsi h6,
.card-header-corsi small, .card-header-corsi i {
  background-color: transparent !important;
}

.card-header-corsi-step1,
.card-header-corsi-step1 h1, .card-header-corsi-step1 h2, .card-header-corsi-step1 h3,
.card-header-corsi-step1 h4, .card-header-corsi-step1 h5, .card-header-corsi-step1 h6,
.card-header-corsi-step1 small, .card-header-corsi-step1 i {
  background-color: var(--brand-header-corsi-step1) !important;
  color: var(--brand-header-corsi-step1-text) !important;
}
.card-header-corsi-step1 h1, .card-header-corsi-step1 h2, .card-header-corsi-step1 h3,
.card-header-corsi-step1 h4, .card-header-corsi-step1 h5, .card-header-corsi-step1 h6,
.card-header-corsi-step1 small, .card-header-corsi-step1 i {
  background-color: transparent !important;
}

.card-header-corsi-step2,
.card-header-corsi-step2 h1, .card-header-corsi-step2 h2, .card-header-corsi-step2 h3,
.card-header-corsi-step2 h4, .card-header-corsi-step2 h5, .card-header-corsi-step2 h6,
.card-header-corsi-step2 small, .card-header-corsi-step2 i {
  background-color: var(--brand-header-corsi-step2) !important;
  color: var(--brand-header-corsi-step2-text) !important;
}
.card-header-corsi-step2 h1, .card-header-corsi-step2 h2, .card-header-corsi-step2 h3,
.card-header-corsi-step2 h4, .card-header-corsi-step2 h5, .card-header-corsi-step2 h6,
.card-header-corsi-step2 small, .card-header-corsi-step2 i {
  background-color: transparent !important;
}

.card-header-corsi-step3,
.card-header-corsi-step3 h1, .card-header-corsi-step3 h2, .card-header-corsi-step3 h3,
.card-header-corsi-step3 h4, .card-header-corsi-step3 h5, .card-header-corsi-step3 h6,
.card-header-corsi-step3 small, .card-header-corsi-step3 i {
  background-color: var(--brand-header-corsi-step3) !important;
  color: var(--brand-header-corsi-step3-text) !important;
}
.card-header-corsi-step3 h1, .card-header-corsi-step3 h2, .card-header-corsi-step3 h3,
.card-header-corsi-step3 h4, .card-header-corsi-step3 h5, .card-header-corsi-step3 h6,
.card-header-corsi-step3 small, .card-header-corsi-step3 i {
  background-color: transparent !important;
}

.card-header-corsi-iscrizioni,
.card-header-corsi-iscrizioni h1, .card-header-corsi-iscrizioni h2, .card-header-corsi-iscrizioni h3,
.card-header-corsi-iscrizioni h4, .card-header-corsi-iscrizioni h5, .card-header-corsi-iscrizioni h6,
.card-header-corsi-iscrizioni small, .card-header-corsi-iscrizioni i {
  background-color: var(--brand-header-corsi-iscrizioni) !important;
  color: var(--brand-header-corsi-iscrizioni-text) !important;
}
.card-header-corsi-iscrizioni h1, .card-header-corsi-iscrizioni h2, .card-header-corsi-iscrizioni h3,
.card-header-corsi-iscrizioni h4, .card-header-corsi-iscrizioni h5, .card-header-corsi-iscrizioni h6,
.card-header-corsi-iscrizioni small, .card-header-corsi-iscrizioni i {
  background-color: transparent !important;
}

.card-header-consulenze,
.card-header-consulenze h1, .card-header-consulenze h2, .card-header-consulenze h3,
.card-header-consulenze h4, .card-header-consulenze h5, .card-header-consulenze h6,
.card-header-consulenze small, .card-header-consulenze i {
  background-color: var(--brand-header-consulenze) !important;
  color: var(--brand-header-consulenze-text) !important;
}
.card-header-consulenze h1, .card-header-consulenze h2, .card-header-consulenze h3,
.card-header-consulenze h4, .card-header-consulenze h5, .card-header-consulenze h6,
.card-header-consulenze small, .card-header-consulenze i {
  background-color: transparent !important;
}

.card-header-target,
.card-header-target h1, .card-header-target h2, .card-header-target h3,
.card-header-target h4, .card-header-target h5, .card-header-target h6,
.card-header-target small, .card-header-target i {
  background-color: var(--brand-header-target) !important;
  color: var(--brand-header-target-text) !important;
}
.card-header-target h1, .card-header-target h2, .card-header-target h3,
.card-header-target h4, .card-header-target h5, .card-header-target h6,
.card-header-target small, .card-header-target i {
  background-color: transparent !important;
}

/* =============================================================================
   STAT BOX E GRADIENT - Consulenze e altre pagine
   ============================================================================= */

/* Stat box base */
.stat-box {
  color: white;
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

/* Stat box consulenze - usa colore brand */
.stat-box-consulenze,
.stat-box.consulenze {
  background: linear-gradient(135deg, var(--brand-consulenze) 0%, var(--brand-consulenze-dark) 100%);
}

/* Badge e elementi consulenze con gradient */
.badge-consulenze-gradient {
  background: linear-gradient(135deg, var(--brand-consulenze) 0%, var(--brand-consulenze-dark) 100%);
  color: white;
}

/* Varianti stat-box per stati */
.stat-box-success,
.stat-box.success {
  background: linear-gradient(135deg, var(--brand-success) 0%, #0d7a4d 100%);
}

.stat-box-warning,
.stat-box.warning {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.stat-box-info,
.stat-box.info {
  background: linear-gradient(135deg, var(--brand-info) 0%, #0aa8c9 100%);
}

/* Nav tabs consulenze */
.nav-tabs .nav-link.active.consulenze-tab {
  background: linear-gradient(135deg, var(--brand-consulenze) 0%, var(--brand-consulenze-dark) 100%);
  color: white !important;
  border: none;
}