/* ===========================
   SBDI THEME - Solo Light
   Caricare DOPO Bootstrap
   =========================== */

/* Token base */
:root {
  --text-muted: #6c757d;
  --border-color: #dee2e6;
  --focus-ring: 0 0 0 .25rem rgba(13,110,253,.25);

  /* Default app (fallback) */
  --app-color: #0077b6;
  --app-color-rgb: 0,119,182;
  --app-color-contrast: #ffffff;
  --app-color-dark: #005b8a;
  --app-color-light: #e6f3fb;
}

/* lega le variabili Bootstrap all'app corrente */
body {
  --bs-primary: var(--app-color);
  --bs-primary-rgb: var(--app-color-rgb);
  --bs-primary-text-emphasis: var(--app-color);
  --bs-link-color: var(--app-color);
  --bs-link-hover-color: var(--app-color-dark);
}

/* Override per app: cambia SOLO queste variabili col body */
body.workspace {
  --app-color: #006ab3;
  --app-color-dark: #005a90;
  --app-color-light: #cde8f8;
  --app-color-contrast: #ffffff;
  --app-color-rgb: 0,106,179;
  --bs-primary: var(--app-color);
  --bs-primary-rgb: var(--app-color-rgb);
}
body.ufficioeventi {
  --app-color: #28a745;
  --app-color-contrast: #ffffff;
  --app-color-dark: #1e7e34;
  --app-color-light: #dff4e5;
  --app-color-rgb: 40,167,69;
  --bs-primary: var(--app-color);
  --bs-primary-rgb: var(--app-color-rgb);
}
body.sponsorize {
  --app-color: #bd007c;
  --app-color-contrast: #ffffff;
  --app-color-dark: #8c005e;
  --app-color-light: #f7e1f2;
  --app-color-rgb: 189,0,124;
  --bs-primary: var(--app-color);
  --bs-primary-rgb: var(--app-color-rgb);
}
body.schedula {
  --app-color: #f29400;
  --app-color-contrast: #242424;  /* migliore leggibilità su arancio */
  --app-color-light: #fff3e0;
  --app-color-dark: #f57c00;
  --app-color-rgb: 255,152,0;
  --bs-primary: var(--app-color);
  --bs-primary-rgb: var(--app-color-rgb);
}

/* Utility generiche che leggono la variabile corrente */
.text-app { color: var(--app-color) !important; }
.bg-app { background-color: var(--app-color) !important; color: var(--app-color-contrast) !important; }
.border-app { border-color: var(--app-color) !important; }

/* Bottoni app-consistenti */
.btn-app {
  background-color: var(--app-color);
  color: var(--app-color-contrast);
  border-color: var(--app-color);
}
.btn-app:hover,
.btn-app:focus {
  background-color: var(--app-color-dark);
  border-color: var(--app-color-dark);
  color: var(--app-color-contrast);
  box-shadow: var(--focus-ring);
}

/* Aggiorna i bottoni Bootstrap in base al colore app */
.btn-primary {
  --bs-btn-color: var(--app-color-contrast);
  --bs-btn-bg: var(--app-color);
  --bs-btn-border-color: var(--app-color);
  --bs-btn-hover-color: var(--app-color-contrast);
  --bs-btn-hover-bg: var(--app-color-dark);
  --bs-btn-hover-border-color: var(--app-color-dark);
  --bs-btn-focus-shadow-rgb: var(--app-color-rgb);
  --bs-btn-active-color: var(--app-color-contrast);
  --bs-btn-active-bg: var(--app-color-dark);
  --bs-btn-active-border-color: var(--app-color-dark);
  --bs-btn-disabled-color: var(--app-color-contrast);
  --bs-btn-disabled-bg: var(--app-color);
  --bs-btn-disabled-border-color: var(--app-color);
}

.btn-outline-primary {
  --bs-btn-color: var(--app-color);
  --bs-btn-border-color: var(--app-color);
  --bs-btn-hover-color: var(--app-color-contrast);
  --bs-btn-hover-bg: var(--app-color);
  --bs-btn-hover-border-color: var(--app-color);
  --bs-btn-focus-shadow-rgb: var(--app-color-rgb);
  --bs-btn-active-color: var(--app-color-contrast);
  --bs-btn-active-bg: var(--app-color);
  --bs-btn-active-border-color: var(--app-color);
  --bs-btn-disabled-color: var(--app-color);
  --bs-btn-disabled-border-color: var(--app-color);
}


/* Badge/Chip */
.badge-app {
  display: inline-block;
  padding: .35rem .6rem;
  border-radius: 999px;
  background: var(--app-color-light);
  color: var(--app-color);
  border: 1px solid rgba(0,0,0,.05);
}

/* Titoli/sezioni */
.h1-app, .h2-app, .h3-app { color: var(--app-color); }
.section-app { border-left: 4px solid var(--app-color); padding-left: .75rem; }

/* Divider */
.hr-app { border: 0; border-top: 1px solid #eee; }

/* Link brandizzati */
a.link-app { color: var(--app-color); text-decoration: none; }
a.link-app:hover { color: var(--app-color-dark); text-decoration: underline; }

/* gradienti titoli */

.gradient-text { /* verde giallo e viola */
    background: linear-gradient(90deg, #4CAF50, #4CAF50, #FFA500, #800080, #800080); /* Verde, arancione, viola */
    -webkit-background-clip: text; /* Supporto per browser basati su WebKit */
    -webkit-text-fill-color: transparent; /* Rende il testo trasparente per mostrare la sfumatura */
    background-clip: text; /* Supporto per altri browser */
    text-fill-color: transparent; /* Rende il testo trasparente */
}

.gradient-text1 { /* grigio azzurro */
    background: linear-gradient(90deg, #818181, #004f9a 50%); /* Definisci i colori della sfumatura */
    -webkit-background-clip: text; /* Supporto per browser basati su WebKit */
    -webkit-text-fill-color: transparent; /* Rende il testo trasparente per mostrare la sfumatura */
    background-clip: text; /* Supporto per altri browser */
    text-fill-color: transparent; /* Rende il testo trasparente */
}

.gradient-text2 { /* arancione viola */
    background: linear-gradient(90deg, #b901b9, #530053 30%); /* Definisci i colori della sfumatura */
    -webkit-background-clip: text; /* Supporto per browser basati su WebKit */
    -webkit-text-fill-color: transparent; /* Rende il testo trasparente per mostrare la sfumatura */
    background-clip: text; /* Supporto per altri browser */
    text-fill-color: transparent; /* Rende il testo trasparente */
}

.gradient-text3 { /* verde e blu */
    background: linear-gradient(90deg, #4CAF50, #2196F3); /* Definisci i colori della sfumatura */
    -webkit-background-clip: text; /* Supporto per browser basati su WebKit */
    -webkit-text-fill-color: transparent; /* Rende il testo trasparente per mostrare la sfumatura */
    background-clip: text; /* Supporto per altri browser */
    text-fill-color: transparent; /* Rende il testo trasparente */
}

.gradient-text4 { /* arancione rosso */
    background: linear-gradient(90deg, #FFA500, #684101 30%); /* Definisci i colori della sfumatura */
    -webkit-background-clip: text; /* Supporto per browser basati su WebKit */
    -webkit-text-fill-color: transparent; /* Rende il testo trasparente per mostrare la sfumatura */
    background-clip: text; /* Supporto per altri browser */
    text-fill-color: transparent; /* Rende il testo trasparente */
}

/* Placeholder input/textarea in grigio chiaro */
input::placeholder,
textarea::placeholder {
  color: #adb5bd !important;
  opacity: 1;
}