/**
 * theme-bi-base — token brand di base Bootstrap Italia (open2-plus).
 * Usato come tema predefinito di partenza: scaricabile come starter dalla
 * tab "Tema" delle Impostazioni sito e applicato come ultimo fallback runtime
 * quando il tenant non ha caricato un theme.css e non c'è URL_THEME bakeato.
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --it-white: #ffffff; /** Colore neutro */
  --it-black-10: rgba(0, 0, 0, 0.1); /** Colore neutro */
  --it-black-15: rgba(0, 0, 0, 0.15); /** Colore neutro */
  --it-black-25: rgba(0, 0, 0, 0.25); /** Colore neutro */
  --it-black-50: rgba(0, 0, 0, 0.5); /** Colore neutro */
  --it-black-85: rgba(0, 0, 0, 0.85); /** Colore neutro */
  --it-black-100: #000000; /** Colore neutro */
  --it-black-05: rgba(0, 0, 0, 0.05); /** Colore neutro */
  --it-blue-20: #003366; /** Colore tema default */
  --it-blue-25: #004080; /** Colore tema default */
  --it-blue-30: #004d99; /** Colore tema default */
  --it-blue-40: #0066cc; /** Colore tema default - valore base */
  --it-blue-48: #207ad5; /** Colore tema default */
  --it-blue-57: #4392e0; /** Colore tema default */
  --it-blue-67: #6aaaeb; /** Colore tema default */
  --it-blue-77: #94c4f5; /** Colore tema default */
  --it-blue-87: #bfdfff; /** Colore tema default */
  --it-blue-97: #f2f7fc; /** Colore tema default */
  --it-seagreen-10: #003121; /** Colore tema secondario */
  --it-seagreen-14: #004931; /** Colore tema secondario */
  --it-seagreen-19: #006242; /** Colore tema secondario */
  --it-seagreen-24: #007a52; /** Colore tema secondario - valore base */
  --it-seagreen-39: #329574; /** Colore tema secondario */
  --it-seagreen-54: #64af96; /** Colore tema secondario */
  --it-seagreen-69: #96cab9; /** Colore tema secondario */
  --it-seagreen-76: #afd7ca; /** Colore tema secondario */
  --it-seagreen-84: #c8e4db; /** Colore tema secondario */
  --it-seagreen-92: #eaf6f1; /** Colore tema secondario */
  --it-slate-20: #17324d; /** Colore neutro */
  --it-slate-28: #2f475e; /** Colore neutro */
  --it-slate-36: #455b71; /** Colore neutro */
  --it-slate-44: #5c6f82; /** Colore neutro - valore base */
  --it-slate-52: #768594; /** Colore neutro */
  --it-slate-62: #929da9; /** Colore neutro */
  --it-slate-68: #a3adb7; /** Colore neutro */
  --it-slate-78: #c5c7c9; /** Colore neutro */
  --it-slate-85: #d9dadb; /** Colore neutro */
  --it-slate-93: #ebeced; /** Colore neutro */
  --it-gray-10: #1a1a1a; /** Colore neutro */
  --it-gray-15: #262626; /** Colore neutro - valore base */
  --it-gray-25: #404040; /** Colore neutro */
  --it-gray-32: #525252; /** Colore neutro */
  --it-gray-45: #737373; /** Colore neutro */
  --it-gray-64: #a3a3a3; /** Colore neutro */
  --it-gray-83: #d4d4d4; /** Colore neutro */
  --it-gray-90: #e5e5e5; /** Colore neutro */
  --it-gray-96: #f5f5f5; /** Colore neutro */
  --it-gray-98: #fafafa; /** Colore neutro */
  --it-red-25: #661a26; /** Colore di sistema */
  --it-red-30: #7a1f2e; /** Colore di sistema */
  --it-red-37: #992639; /** Colore di sistema */
  --it-red-44: #b32d43; /** Colore di sistema */
  --it-red-50: #cc334d; /** Colore di sistema - valore base */
  --it-red-60: #d65c70; /** Colore di sistema */
  --it-red-70: #e08593; /** Colore di sistema */
  --it-red-80: #ebadb8; /** Colore di sistema */
  --it-red-90: #f5d6db; /** Colore di sistema */
  --it-red-96: #fbeff1; /** Colore di sistema */
  --it-emerald-15: #004d33; /** Colore di sistema */
  --it-emerald-20: #006644; /** Colore di sistema */
  --it-emerald-25: #008055; /** Colore di sistema - valore base */
  --it-emerald-35: #00b377; /** Colore di sistema */
  --it-emerald-40: #00cc88; /** Colore di sistema */
  --it-emerald-48: #22d499; /** Colore di sistema */
  --it-emerald-57: #43e0ac; /** Colore di sistema */
  --it-emerald-67: #6ee7bf; /** Colore di sistema */
  --it-emerald-77: #99eed2; /** Colore di sistema */
  --it-emerald-87: #c8f6e7; /** Colore di sistema */
  --it-emerald-94: #e5fbf4; /** Colore di sistema */
  --it-orange-20: #663d00; /** Colore di sistema */
  --it-orange-25: #804d00; /** Colore di sistema */
  --it-orange-30: #995c00; /** Colore di sistema */
  --it-orange-35: #b36b00; /** Colore di sistema */
  --it-orange-40: #cc7a00; /** Colore di sistema - valore base */
  --it-orange-48: #d48d22; /** Colore di sistema */
  --it-orange-57: #e0a243; /** Colore di sistema */
  --it-orange-67: #e7b66e; /** Colore di sistema */
  --it-orange-77: #eecd9a; /** Colore di sistema */
  --it-orange-87: #f6e4c8; /** Colore di sistema */
  --it-orange-94: #fbf2e5; /** Colore di sistema */
  --it-teal-20: #05615e; /** Colore di risalto */
  --it-teal-26: #077f7b; /** Colore di risalto */
  --it-teal-32: #089994; /** Colore di risalto */
  --it-teal-36: #09afa9; /** Colore di risalto */
  --it-teal-42: #0bcbc5; /** Colore di risalto */
  --it-teal-50: #2bd6d0; /** Colore di risalto */
  --it-teal-60: #52e0db; /** Colore di risalto */
  --it-teal-70: #79ece8; /** Colore di risalto */
  --it-teal-80: #a3f5f2; /** Colore di risalto */
  --it-teal-90: #ccfffd; /** Colore di risalto */
  --it-plum-18: #46163f;
  --it-plum-24: #5e1d54;
  --it-plum-32: #7d2670;
  --it-plum-55: #ad67a2;
  --it-plum-84: #e2cadf;
  --it-plum-95: #f6eff5;
  --it-plum-98: #fbf9fb;
  --it-primary: #0066cc; /** Sfondo primario, utilizzato per elementi interattivi (buttons, links) ed elementi caratterizzati con l’identità visiva. */
  --it-primary-light: #bfdfff; /** Sfondo con contrasto leggero, utilizzato come alternativa al colore primario per elementi interattivi. */
  --it-primary-lighter: #f2f7fc; /** Sfondo di colore primario con contrasto ridotto, definisce una sezione o una parte di essa nel contesto della pagina. */
  --it-primary-hover: #004d99; /** Sfondo utilizzato su componenti primari interattivi nello stato di :hover. */
  --it-primary-active: #003366; /** Sfondo utilizzato su componenti primari interattivi nello stato attivo e premuto. */
  --it-primary-muted: #004d99; /** Sfondo utilizzato su sezioni di pagina. */
  --it-primary-deep: #003366; /** Sfondo utilizzato su sezioni di pagina. */
  --it-secondary: #5c6f82; /** Sfondo alternativo, utilizzato per elementi interattivi secondari o per sezioni di una pagina. */
  --it-secondary-hover: #2f475e; /** Sfondo utilizzato su elementi interattivi secondari nello stato di :hover. */
  --it-secondary-active: #17324d; /** Sfondo utilizzato su elementi interattivi secondari nello stato attivo e premuto. */
  --it-secondary-light: #a3adb7; /** Sfondo colore secondario chiaro. */
  --it-secondary-lighter: #ebeced; /** Sfondo colore secondario molto chiaro. */
  --it-accent: #089994; /** Sfondo con colore di accento per elementi interattivi. */
  --it-accent-hover: #077f7b; /** Sfondo utilizzato su elementi interattivi di accento nello stato di :hover. */
  --it-muted: #f5f5f5; /** Sfondo con contrasto molto leggero, definisce sezioni di una pagina o paragrafi di testo. */
  --it-inverse: #ffffff; /** Sfondo invertito, utilizzato in combinazione con uno sfondo pagina/sezione di tipo primary, secondary  o con colori neutri. */
  --it-disabled: #d9dadb; /** Sfondo per elementi interattivi disabilitati/disattivati */
  --it-subtle: #d4d4d4; /** Sfondo chiaro, utilizzato per definire sezioni di una pagina */
  --it-emphasis: #17324d; /** Sfondo di enfasi, utilizzato per mettere in risalto precise sezioni di una pagina */
  --it-success: #008055; /** Sfondo per uno stato di successo, utilizzato per elementi interattivi o sfondo di componenti.  Il testo deve essere inverse */
  --it-success-light: #e5fbf4; /** Sfondo di successo per sezioni e componenti che prevedono contenuti medio/lunghi. Il testo può essere utilizzato in più varianti tranne che inverse */
  --it-success-hover: #006644; /** Sfondo di successo, utilizzato per elementi interattivi nello stato di :hover */
  --it-success-active: #004d33; /** Sfondo di successo, utilizzato per elementi interattivi nello stato attivo e premuto. */
  --it-warning: #995c00; /** Sfondo di allerta, utilizzato per elementi interattivi o componenti. Il testo deve essere inverse */
  --it-warning-light: #fbf2e5; /** Sfondo di allerta per sezioni e componenti che prevedono contenuti medio/lunghi. Il testo può essere utilizzato in più varianti tranne che inverse */
  --it-warning-hover: #804d00; /** Sfondo di allerta, utilizzato per elementi interattivi nello stato di :hover */
  --it-warning-active: #663d00; /** Sfondo di allerta, utilizzato per elementi interattivi nello stato attivo e premuto. */
  --it-danger: #cc334d; /** Colore di sfondo che avvisa di un pericolo o errore, utilizzato per elementi interattivi o componenti. Il testo deve essere inverse. */
  --it-danger-light: #fbeff1; /** Sfondo di pericolo o errore per sezioni e componenti che prevedono contenuti medio/lunghi. Il testo può essere utilizzato in più varianti tranne che inverse */
  --it-danger-hover: #992639; /** Colore di sfondo che avvisa di un pericolo o errore, utilizzato per elementi interattivi nello stato di :hover. */
  --it-danger-active: #661a26; /** Colore di sfondo che avvisa di un pericolo o errore, utilizzato per elementi interattivi nello stato attivo e premuto. */
  --it-base: #1a1a1a; /** Corpo pagina base */
  --it-link-base: #0066cc; /** Colore base per i link */
  --it-link-hover: #004d99; /** Colore per i link nello stato hover */
  --it-link-active: #003366; /** Colore per i link nello stato active */
  --it-link-secondary: #2f475e; /** Colore del link secondario, richiede sempre la sottolineatura. */
  --it-link-secondary-hover: #17324d; /** Testo del button secondary nello stato hover */
  --it-link-secondary-active: #17324d; /** Testo del button secondary nello stato attivo e premuto. */
  --it-link-inverse: #ffffff; /** Colore per i link invertiti */
  --it-link-disabled: #5c6f82; /** Colore per i link disabilitati */
  --it-link-accent: #089994; /** Colore di risalto per un link */
  --it-link-accent-hover: #077f7b; /** Colore di risalto per un link in stato hover. */
  --it-outline-focus: #1a1a1a; /** Colore di evidenziazione dello stato focus */
  --it-shadow-whisper: rgba(0, 0, 0, 0.05); /** Colore ombreggiatura leggermente visibile */
  --it-shadow-soft: rgba(0, 0, 0, 0.1); /** Colore ombreggiatura chiara */
  --it-shadow-dark: rgba(0, 0, 0, 0.15); /** Colore ombreggiatura molto visibile */
  --it-font-sans: Titillium Web; /** Famiglia font senza grazie */
  --it-font-serif: Lora; /** Famiglia font con grazie */
  --it-font-mono: Roboto Mono; /** Famiglia font mono spaziata */
  --it-italia-base: #0066cc; /** Colore base del tema */
  --it-italia-light: #bfdfff; /** Colore del tema chiaro */
  --it-italia-lighter: #f2f7fc; /** Colore del tema molto chiaro */
  --it-italia-subtle: #004d99; /** Colore del tema meno saturo */
  --it-italia-muted: #004080; /** Colore del tema molto meno saturo */
  --it-italia-deep: #003366; /** Colore del tema scuro */
}