/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --pt-color-black: #000000;
  --pt-color-white: #ffffff;
  --pt-color-blue-20: #003366; /** Colore tema default */
  --pt-color-blue-25: #004080; /** Colore tema default */
  --pt-color-blue-30: #004d99; /** Colore tema default */
  --pt-color-blue-40: #0066cc; /** Colore tema default - valore base */
  --pt-color-blue-48: #207ad5; /** Colore tema default */
  --pt-color-blue-57: #4392e0; /** Colore tema default */
  --pt-color-blue-67: #6aaaeb; /** Colore tema default */
  --pt-color-blue-77: #94c4f5; /** Colore tema default */
  --pt-color-blue-87: #bfdfff; /** Colore tema default */
  --pt-color-blue-97: #f2f7fc; /** Colore tema default */
  --pt-color-seagreen-10: #003121; /** Colore tema secondario */
  --pt-color-seagreen-14: #004931; /** Colore tema secondario */
  --pt-color-seagreen-19: #006242; /** Colore tema secondario */
  --pt-color-seagreen-24: #007a52; /** Colore tema secondario - valore base */
  --pt-color-seagreen-39: #329574; /** Colore tema secondario */
  --pt-color-seagreen-54: #64af96; /** Colore tema secondario */
  --pt-color-seagreen-69: #96cab9; /** Colore tema secondario */
  --pt-color-seagreen-76: #afd7ca; /** Colore tema secondario */
  --pt-color-seagreen-84: #c8e4db; /** Colore tema secondario */
  --pt-color-seagreen-92: #e1f2ec; /** Colore tema secondario */
  --pt-color-slate-20: #17324d; /** Colore neutro */
  --pt-color-slate-28: #2f475e; /** Colore neutro */
  --pt-color-slate-36: #455b71; /** Colore neutro */
  --pt-color-slate-44: #5c6f82; /** Colore neutro - valore base */
  --pt-color-slate-52: #768594; /** Colore neutro */
  --pt-color-slate-62: #929da9; /** Colore neutro */
  --pt-color-slate-68: #a3adb7; /** Colore neutro */
  --pt-color-slate-78: #c5c7c9; /** Colore neutro */
  --pt-color-slate-85: #d9dadb; /** Colore neutro */
  --pt-color-slate-93: #ebeced; /** Colore neutro */
  --pt-color-gray-10: #1a1a1a; /** Colore neutro */
  --pt-color-gray-15: #262626; /** Colore neutro - valore base */
  --pt-color-gray-25: #404040; /** Colore neutro */
  --pt-color-gray-32: #525252; /** Colore neutro */
  --pt-color-gray-45: #737373; /** Colore neutro */
  --pt-color-gray-64: #a3a3a3; /** Colore neutro */
  --pt-color-gray-83: #d4d4d4; /** Colore neutro */
  --pt-color-gray-90: #e5e5e5; /** Colore neutro */
  --pt-color-gray-96: #f5f5f5; /** Colore neutro */
  --pt-color-gray-98: #fafafa; /** Colore neutro */
  --pt-color-red-25: #661a26; /** Colore di sistema */
  --pt-color-red-30: #7a1f2e; /** Colore di sistema */
  --pt-color-red-37: #992639; /** Colore di sistema */
  --pt-color-red-44: #b32d43; /** Colore di sistema */
  --pt-color-red-50: #cc334d; /** Colore di sistema - valore base */
  --pt-color-red-60: #d65c70; /** Colore di sistema */
  --pt-color-red-70: #e08593; /** Colore di sistema */
  --pt-color-red-80: #ebadb8; /** Colore di sistema */
  --pt-color-red-90: #f5d6db; /** Colore di sistema */
  --pt-color-red-96: #fbeff1; /** Colore di sistema */
  --pt-color-orange-20: #663d00; /** Colore di sistema */
  --pt-color-orange-25: #804d00; /** Colore di sistema */
  --pt-color-orange-30: #995c00; /** Colore di sistema */
  --pt-color-orange-35: #b36b00; /** Colore di sistema */
  --pt-color-orange-40: #cc7a00; /** Colore di sistema - valore base */
  --pt-color-orange-48: #d48d22; /** Colore di sistema */
  --pt-color-orange-57: #e0a243; /** Colore di sistema */
  --pt-color-orange-67: #e7b66e; /** Colore di sistema */
  --pt-color-orange-77: #eecd9a; /** Colore di sistema */
  --pt-color-orange-87: #f6e4c8; /** Colore di sistema */
  --pt-color-outline-focus: #1a1a1a;
  --pt-color-brand-primary-1: #e9f0ed;
  --pt-color-brand-primary-2: #38e99d;
  --pt-color-brand-primary-3: #2bd38b;
  --pt-color-brand-primary-4: #1bba76;
  --pt-color-brand-primary-5: #11ac6a;
  --pt-color-brand-primary-6: #0b985c;
  --pt-color-brand-primary-7: #007a46;
  --pt-color-brand-secondary-1: #06070b;
  --pt-color-brand-secondary-2: #161d2d;
  --pt-color-brand-secondary-3: #232c3c;
  --pt-color-brand-secondary-4: #29344b;
  --pt-color-brand-secondary-5: #353f53;
  --pt-color-brand-secondary-6: #505e79;
  --pt-color-brand-secondary-7: #7d899f;
  --pt-color-background-primary: #1bba76; /** Sfondo primario, utilizzato per elementi interattivi (buttons, links) ed elementi caratterizzati con l’identità visiva. */
  --pt-color-background-button-primary: #1bba76; /** Sfondo primario solo dei bottoni primari */
  --pt-color-background-button-primary-hover: #11ac6a; /** Sfondo primario solo dei bottoni primari */
  --pt-color-background-button-primary-active: #0b985c; /** Sfondo primario solo dei bottoni primari */
  --pt-color-background-primary-light: #2bd38b; /** Sfondo con contrasto leggero, utilizzato come alternativa al colore primario per elementi interattivi. */
  --pt-color-background-primary-lighter: #e9f0ed; /** Sfondo di colore primario con contrasto ridotto, definisce una sezione o una parte di essa nel contesto della pagina. */
  --pt-color-background-primary-hover: #11ac6a; /** Sfondo utilizzato su componenti primari interattivi nello stato di :hover. */
  --pt-color-background-primary-active: #0b985c; /** Sfondo utilizzato su componenti primari interattivi nello stato di :active. */
  --pt-color-background-primary-dark: #007a46;
  --pt-color-background-secondary-lighter: #7d899f;
  --pt-color-background-secondary-light: #505e79;
  --pt-color-background-secondary: #29344b; /** Sfondo alternativo, utilizzato per elementi interattivi secondari o per sezioni di una pagina. */
  --pt-color-background-button-secondary: #29344b; /** Sfondo solo dei bottoni secondary */
  --pt-color-background-button-secondary-hover: #232c3c; /** Sfondo solo dei bottoni secondary */
  --pt-color-background-button-secondary-active: #161d2d; /** Sfondo solo dei bottoni secondary */
  --pt-color-background-secondary-hover: #232c3c; /** Sfondo utilizzato su elementi interattivi secondari nello stato di :hover. */
  --pt-color-background-secondary-active: #161d2d; /** Sfondo utilizzato su elementi interattivi secondari nello stato di :active */
  --pt-color-background-tertiary: #fafafa;
  --pt-color-background-cta: #232c3c;
  --pt-color-background-banner: #0b985c;
  --pt-color-background-card: #ffffff;
  --pt-color-background-card-hover: #e9f0ed;
  --pt-color-background-accent: #505e79; /** Sfondo con colore di accento per elementi interattivi. */
  --pt-color-background-accent-hover: #0b985c; /** Sfondo utilizzato su elementi interattivi di accento nello stato di :hover. */
  --pt-color-background-muted: #a3a3a3; /** Sfondo con contrasto molto leggero, definisce sezioni di una pagina o paragrafi di testo. */
  --pt-color-background-disabled: #d4d4d4; /** Sfondo per elementi interattivi disabilitati/disattivati */
  --pt-color-background-subtle: #d9dadb; /** Sfondo chiaro, utilizzato per definire sezioni di una pagina */
  --pt-color-background-emphasis: #17324d; /** Sfondo di enfasi, utilizzato per mettere in risalto precise sezioni di una pagina */
  --pt-color-background-success: #007a52; /** Sfondo per uno stato di successo, utilizzato per elementi interattivi o sfondo di componenti.  Il testo deve essere inverse */
  --pt-color-background-success-light: #64af96; /** Sfondo di successo per sezioni e componenti che prevedono contenuti medio/lunghi. Il testo può essere utilizzato in più varianti tranne che inverse */
  --pt-color-background-success-hover: #006242; /** Sfondo di successo, utilizzato per elementi interattivi nello stato di :hover */
  --pt-color-background-success-active: #004931; /** Sfondo di successo, utilizzato per elementi interattivi nello stato di :active. */
  --pt-color-background-warning: #995c00; /** Sfondo di allerta, utilizzato per elementi interattivi o componenti. Il testo deve essere inverse */
  --pt-color-background-warning-light: #f6e4c8; /** Sfondo di allerta per sezioni e componenti che prevedono contenuti medio/lunghi. Il testo può essere utilizzato in più varianti tranne che inverse */
  --pt-color-background-warning-hover: #804d00; /** Sfondo di allerta, utilizzato per elementi interattivi nello stato di :hover */
  --pt-color-background-warning-active: #663d00; /** Sfondo di allerta, utilizzato per elementi interattivi nello stato di :active */
  --pt-color-background-error: #cc334d; /** Sfondo di errore, utilizzato per elementi interattivi o componenti. Il testo deve essere inverse */
  --pt-color-background-error-light: #fbeff1; /** Sfondo di errore per sezioni e componenti che prevedono contenuti medio/lunghi. Il testo può essere utilizzato in più varianti tranne che inverse */
  --pt-color-background-error-hover: #992639; /** Sfondo di errore, utilizzato per elementi interattivi nello stato di :hover */
  --pt-color-background-error-active: #661a26; /** Sfondo di errore, utilizzato per elementi interattivi nello stato di :active */
  --pt-color-background-chip: #06070b; /** Sfondo di del tag interno */
  --pt-color-background-chip-hover: #505e79; /** Sfondo del tag interno all'hover */
  --pt-color-background-footer-bottom: #161d2d;
  --pt-color-background-footer-top: #232c3c;
  --pt-color-background-website: #ffffff;
  --pt-color-background-header-menu: #29344b;
  --pt-color-background-header-slim: #ffffff;
  --pt-color-border-primary: #1bba76; /** Bordo primario, utilizzato per elementi interattivi cliccabili. */
  --pt-color-border-button-outline-primary: #1bba76; /** Bordo primario, utilizzato solo per i bottoni primary outline */
  --pt-color-border-button-outline-primary-hover: #11ac6a; /** Bordo primario, utilizzato solo per i bottoni primary outline */
  --pt-color-border-button-outline-primary-active: #0b985c; /** Bordo primario, utilizzato solo per i bottoni primary outline */
  --pt-color-border-primary-hover: #11ac6a; /** Bordo primario per stato interattivo hover */
  --pt-color-border-primary-active: #0b985c; /** Bordo primario per stato interattivo active */
  --pt-color-border-secondary: #29344b; /** Bordo secondario, utilizzato per elementi interattivi cliccabili */
  --pt-color-border-button-outline-secondary: #29344b; /** Bordo secondario, utilizzato solo per i bottoni secondary outline */
  --pt-color-border-button-outline-secondary-hover: #232c3c; /** Bordo secondario, utilizzato solo per lo stato HOVER i bottoni SECONDARY-OUTLINE */
  --pt-color-border-button-outline-secondary-active: #161d2d; /** Bordo secondario, utilizzato solo per lo stato ACTIVE (while pressing) i bottoni SECONDARY-OUTLINE */
  --pt-color-border-secondary-hover: #232c3c; /** Bordo secondario per stato interattivo hover */
  --pt-color-border-secondary-active: #161d2d; /** Bordo secondario per stato interattivo active */
  --pt-color-border-inverse: #ffffff; /** Bordo invertito, utilizzato su sfondo a contrasto di tipo primary, secondary o emphasis */
  --pt-color-border-disabled: #737373; /** Bordo per elementi interattivi disabilitati */
  --pt-color-border-subtle: #c5c7c9; /** Bordo separatore, delimita le sezioni di una pagina, componenti o singoli elementi */
  --pt-color-border-success: #007a52; /** Bordo di successo, utilizzato per elementi interattivi o statici (alert, notifications, etc) */
  --pt-color-border-success-hover: #006242; /** Bordo di successo per stato interattivo hover */
  --pt-color-border-success-active: #004931; /** Bordo di successo per stato interattivo active */
  --pt-color-border-warning: #995c00; /** Bordo di allerta, utilizzato per elementi interattivi o statici (vedi esempio success) */
  --pt-color-border-warning-hover: #804d00; /** Bordo di allerta per stato interattivo hover */
  --pt-color-border-warning-active: #663d00; /** Bordo di allerta per stato interattivo active */
  --pt-color-border-error: #cc334d; /** Bordo di errore, utilizzato per elementi interattivi o statici (vedi esempio success) */
  --pt-color-border-error-hover: #992639; /** Bordo di errore per stato interattivo hover */
  --pt-color-border-error-active: #661a26; /** Bordo di errore per stato interattivo active */
  --pt-color-border-accent: #1bba76; /** Colore di accento, alternativo al primary per elementi interattivi su sfondi a contrasto */
  --pt-color-border-card: #ffffff;
  --pt-color-border-muted: #525252;
  --pt-color-border-chip-outline: #353f53;
  --pt-color-border-chip-outline-hover: #7d899f;
  --pt-color-text-base: #262626; /** Corpo pagina base */
  --pt-color-text-primary: #1bba76; /** Testo con link */
  --pt-color-text-primary-hover: #11ac6a; /** Testo con link nello stato hover */
  --pt-color-text-primary-active: #0b985c; /** Testo con link nello stato active */
  --pt-color-text-secondary: #29344b; /** Corpo pagina alternativo, contenuti di dettaglio, testo button secondary */
  --pt-color-text-secondary-hover: #232c3c; /** Testo del button secondary nello stato hover */
  --pt-color-text-secondary-active: #161d2d; /** Testo del button secondary nello stato active */
  --pt-color-text-muted: #737373; /** Testo di supporto per contenuti molto brevi */
  --pt-color-text-disabled: #a3a3a3; /** Testo disabilitato */
  --pt-color-text-success: #007a52; /** Testo di successo, può essere anche interattivo (button, link) */
  --pt-color-text-success-hover: #006242; /** Testo di successo interattivo nello stato hover */
  --pt-color-text-success-active: #004931; /** Testo di successo interattivo nello stato active */
  --pt-color-text-warning: #995c00; /** Testo di allerta, può essere anche interattivo (button, link) */
  --pt-color-text-warning-hover: #804d00; /** Testo di allerta interattivo nello stato hover */
  --pt-color-text-warning-active: #663d00; /** Testo di allerta interattivo nello stato active */
  --pt-color-text-error: #cc334d; /** Testo di errore, può essere anche interattivo (link, button) */
  --pt-color-text-error-hover: #992639; /** Testo di errore interattivo nello stato hover */
  --pt-color-text-error-active: #661a26; /** Testo di errore interattivo nello stato active */
  --pt-color-text-inverse: #ffffff; /** Testo invertito per sfondi a contrasto (primary, secondary, emphasis) */
  --pt-color-text-button-primary: #000000; /** Testo della label nei bottoni PRIMARY FILLED */
  --pt-color-text-button-secondary: #ffffff; /** Testo della label nei bottoni SECONDARY FILLED */
  --pt-color-text-button-secondary-outline: #06070b; /** Testo della label nei bottoni SECONDARY OUTLINE */
  --pt-color-text-button-primary-outline: #11ac6a; /** Testo della label nei bottoni PRIMARY OUTLINE */
  --pt-color-text-accent: #2bd38b; /** Testo di accento, alternativo al primary per elementi interattivi su sfondi a contrasto */
  --pt-color-text-heading-1: #232c3c;
  --pt-color-text-other-headings: #262626;
  --pt-color-text-chip: #505e79;
  --pt-color-text-chip-hover: #ffffff;
  --pt-color-text-chip-outline: #505e79;
  --pt-color-text-chip-outline-hover: #007a46;
  --pt-color-text-menu-footer-default: #2bd38b; /** Il colore dei titoli di menu sopra i link - NON CLICCABILI */
  --pt-color-text-label-footer-default: #ffffff; /** Il colore delle label dei vari box di info (address, phone, social...) */
  --pt-color-text-text-footer-default: #ffffff; /** Il colore del testo dei vari box di info (address, phone, social...) */
  --pt-color-text-lead: #ffffff; /** Il colore dei sottotilo delle pagine */
  --pt-color-link-footer-default: #ffffff; /** Usare questo colore per definire il colore di tutti i link nel footer */
  --pt-color-link-footer-hover: #1bba76; /** Usare questo colore per defini lo stato HOVER di tutti i link nel footer */
  --pt-color-link-text-default: #0b985c; /** Usare questo colore per definire il colore dei link nel testo */
  --pt-color-link-text-hover: #1bba76; /** Usare questo color per definire lo stato HOVER dei link nel testo  */
  --pt-font-size-1: 14px;
  --pt-font-size-2: 16px;
  --pt-font-size-3: 18px;
  --pt-font-size-4: 20px;
  --pt-font-size-5: 24px;
  --pt-font-size-6: 28px;
  --pt-font-size-7: 32px;
  --pt-font-size-8: 40px;
  --pt-font-size-9: 48px;
  --pt-font-size-10: 56px;
  --pt-font-size-11: 64px;
  --pt-font-size-12: 70px;
  --pt-font-size-0-5: 12px;
  --pt-font-weight-extra-light: 200;
  --pt-font-weight-light: 300;
  --pt-font-weight-regular: 400;
  --pt-font-weight-semibold: 500;
  --pt-font-weight-bold: 700;
  --pt-spacing-xxs: 4px;
  --pt-spacing-xs: 8px;
  --pt-spacing-s: 16px;
  --pt-spacing-m: 24px;
  --pt-spacing-l: 32px;
  --pt-spacing-xl: 40px;
  --pt-spacing-xxl: 48px;
  --pt-font-primary: 'Ubuntu Sans';
  --pt-font-serif: 'Book Antiqua';
  --pt-font-mono: 'Roboto Mono';
  --pt-baseline: 4px;
  --pt-font-line-height-xxs: 16px;
  --pt-font-line-height-xs: 24px;
  --pt-font-line-height-s: 28px;
  --pt-font-line-height-m: 32px;
  --pt-font-line-height-l: 40px;
  --pt-font-line-height-xl: 48px;
  --pt-font-line-height-xxl: 68px;
  --pt-font-line-height-3xl: 74px;
  --pt-font-tracking-short: -1px;
  --pt-font-tracking-narrow: -1.3px;
  --pt-font-tracking-tight: -2px;
  --pt-font-tracking-normal: 0;
  --pt-shadow-s: 0 4px 4px 0 #00000026;
  --pt-shadow-m: 0 8px 16px 0 #00000026;
  --pt-shadow-l: 0 16px 48px 0 #00000026;
  --pt-sizing-s: 25%;
  --pt-sizing-m: 50%;
  --pt-sizing-l: 75%;
  --pt-sizing-xl: 100%;
  --pt-radius-smooth: 8px;
  --pt-radius-circle: 80px;
  --pt-radius-rounded: 40px;
  --pt-radius-sharp: 0;
  --pt-theme-color-primary-extra-light: #e9f0ed;
  --pt-theme-color-primary-lighter: #38e99d;
  --pt-theme-color-primary-light: #2bd38b;
  --pt-theme-color-primary-base: #1bba76;
  --pt-theme-color-primary-dark: #11ac6a;
  --pt-theme-color-primary-darker: #0b985c;
  --pt-theme-color-primary-extra-dark: #007a46;
  --pt-theme-color-secondary-extra-light: #7d899f;
  --pt-theme-color-secondary-lighter: #505e79;
  --pt-theme-color-secondary-light: #353f53;
  --pt-theme-color-secondary-base: #29344b;
  --pt-theme-color-secondary-dark: #232c3c;
  --pt-theme-color-secondary-darker: #161d2d;
  --pt-theme-color-secondary-extra-dark: #06070b;
  --pt-paragraph-spacing-0: 0;
  --pt-paragraph-spacing-1: 16px;
  --pt-paragraph-spacing-2: 24px;
  --pt-paragraph-spacing-3: 32px;
  --pt-text-case-uppercase: uppercase;
  --pt-text-decoration-none: none;
  --pt-text-decoration-underline: underline;
  --pt-paragraph-indent-0: 0;
  --pt-font-secondary: 'Ubuntu Sans';
  --pt-opacity-20: 0.2;
  --pt-opacity-40: 0.4;
  --pt-opacity-60: 0.6;
  --pt-heading-1-font-weight: 500;
  --pt-heading-2-font-weight: 400;
  --pt-heading-3-font-weight: 400;
  --pt-heading-4-font-weight: 500;
  --pt-heading-5-font-weight: 500;
  --pt-heading-6-font-weight: 500;
  --pt-body-font-weight: 400;
  --pt-caption-font-weight-semibold: 500;
  --pt-caption-font-weight-regular: 400;
  --pt-lead-font-weight: 400;
  --pt-heading-1-font-size: 48px;
  --pt-heading-2-font-size: 32px;
  --pt-heading-3-font-size: 28px;
  --pt-heading-4-font-size: 24px;
  --pt-heading-5-font-size: 20px;
  --pt-heading-6-font-size: 16px;
  --pt-caption-font-size-xs: 12px;
  --pt-caption-font-size-s: 14px;
  --pt-lead-font-size: 18px;
  --pt-heading-1-font-size-lg: 64px;
  --pt-heading-1-font-size-md: 56px;
  --pt-heading-2-font-size-lg: 48px;
  --pt-heading-long-font-size: 32px;
  --pt-heading-long-font-size-lg: 48px;
  --pt-heading-long-font-size-md: 40px;
  --pt-heading-3-font-size-lg: 32px;
  --pt-heading-4-font-size-lg: 28px;
  --pt-heading-5-font-size-lg: 24px;
  --pt-heading-6-font-size-lg: 18px;
  --pt-body-1-font-size: 18px;
  --pt-body-1-font-size-lg: 18px;
  --pt-lead-font-size-lg: 32px;
  --pt-heading-1-line-height: 48px;
  --pt-heading-2-line-height: 32px;
  --pt-heading-3-line-height: 32px;
  --pt-heading-4-line-height: 32px;
  --pt-heading-5-line-height: 24px;
  --pt-heading-6-line-height: 24px;
  --pt-lead-line-height: 24px;
  --pt-caption-line-height: 16px;
  --pt-body-1-line-height: 28px;
  --pt-body-2-line-height: 24px;
  --pt-heading-1-line-height-lg: 74px;
  --pt-heading-1-line-height-md: 68px;
  --pt-heading-2-line-height-lg: 68px;
  --pt-heading-long-line-height: 32px;
  --pt-heading-long-line-height-lg: 68px;
  --pt-heading-long-line-height-md: 48px;
  --pt-heading-3-line-height-lg: 40px;
  --pt-heading-4-line-height-lg: 32px;
  --pt-heading-5-line-height-lg: 32px;
  --pt-lead-line-height-lg: 48px;
  --pt-heading-6-line-height-lg: 24px;
  --pt-body-1-line-height-lg: 32px;
  --pt-body-1-font-sans: 'Ubuntu Sans';
  --pt-body-2-font-sans: 'Ubuntu Sans';
  --pt-body-font-mono: 'Ubuntu Sans';
  --pt-body-font-serif: 'Book Antiqua';
  --pt-caption-font: 'Ubuntu Sans';
  --pt-spacing-stack-s: 16px;
  --pt-spacing-stack-m: 24px;
  --pt-spacing-stack-l: 32px;
  --pt-spacing-stack-xl: 40px;
  --pt-spacing-stack-xxl: 48px;
  --pt-spacing-inline-xxs: 4px;
  --pt-spacing-inline-xs: 8px;
  --pt-spacing-inline-s: 16px;
  --pt-spacing-inline-m: 24px;
  --pt-spacing-inline-l: 32px;
  --pt-spacing-inset-xs: 8px;
  --pt-spacing-inset-s: 16px;
  --pt-spacing-inset-m: 24px;
  --pt-spacing-inset-l: 32px;
  --pt-spacing-inset-xl: 40px;
  --pt-body-2-font-size-lg: 16px;
  --pt-body-2-font-size: 14px;
  --pt-body-1-font-weight: 400;
  --pt-body-1-font-weight-lg: 400;
  --pt-body-2-font-weight: 400;
  --pt-body-2-font-weight-lg: 400;
  --pt-body-2-line-height-lg: 24px;
  --pt-heading-1-font: 'Ubuntu Sans';
  --pt-other-headings-font: 'Ubuntu Sans';
  --pt-lead-font: 'Ubuntu Sans';
  --pt-inverse: #ffffff;
  --pt-border-radius-button: 8px;
  --pt-blockquote-font-size: 18px;
  --pt-blockquote-cite-size: 14px;
  --pt-blockquote-font: 'Ubuntu Sans';
  --pt-blockquote-cite-font: 'Ubuntu Sans';
  --pt-blockquote-font-weight: 400;
  --pt-icon-default: #262626; /** Colore icona di base */
  --pt-icon-primary: #1bba76; /** Colore icona con link */
  --pt-icon-primary-hover: #11ac6a; /** Colore icona con link status hover */
  --pt-icon-primary-active: #007a46; /** Colore icona con link status attivo */
  --pt-icon-secondary: #29344b; /** Colore icona di supporto */
  --pt-icon-secondary-hover: #232c3c; /** Colore icona di supporto - status hover */
  --pt-icon-secondary-active: #161d2d; /** Colore icona di supporto - status attivo */
  --pt-icon-success: #007a52; /** Colore icona di supporto per azioni avvenute con successo */
  --pt-icon-success-hover: #006242; /** Colore icona di supporto per azioni avvenute con successo - status hover */
  --pt-icon-success-active: #004931; /** Colore icona di supporto per azioni avvenute con successo - status attivo */
  --pt-icon-warning: #995c00; /** Colore icona di supporto per comunicazioni che richiedono attenzione */
  --pt-icon-warning-hover: #804d00; /** Colore icona di supporto per comunicazioni che richiedono attenzione - status hover */
  --pt-icon-warning-active: #663d00; /** Colore icona di supporto per comunicazioni che richiedono attenzione - status attivo */
  --pt-icon-error: #cc334d; /** Colore icona di supporto per azioni non andate a buon fine - status hover */
  --pt-icon-error-hover: #992639; /** Colore icona di supporto per azioni non andate a buon fine - status hover */
  --pt-icon-error-active: #661a26; /** Colore icona di supporto per azioni non andate a buon fine - status hover */
  --pt-icon-inverse: #ffffff; /** Colore icona dsabilitata */
  --pt-icon-disabled: #a3a3a3;
  --pt-icon-muted: #768594;
  --pt-icon-footer-default: #ffffff; /** Colore di default delle icone nel footer */
  --pt-icon-footer-hover: #1bba76; /** Colore di hover delle icone nel footer */
  --pt-progress-background-default: #7d899f;
  --pt-progress-background-active: #29344b;
  --pt-icon-size-s: 16px;
  --pt-icon-size-m: 24px;
  --pt-icon-size-l: 32px;
  --pt-icon-size-xl: 48px;
  --pt-icon-size-xxl: 64px;
  --pt-heading-1: 500 48px/48px 'Ubuntu Sans';
  --pt-heading-2: 400 32px/32px 'Ubuntu Sans';
  --pt-heading-3: 400 28px/32px 'Ubuntu Sans';
  --pt-heading-4: 500 24px/32px 'Ubuntu Sans';
  --pt-heading-5: 500 20px/24px 'Ubuntu Sans';
  --pt-heading-6: 500 16px/24px 'Ubuntu Sans';
  --pt-heading-1-md: 500 56px/68px 'Ubuntu Sans';
  --pt-heading-1-lg: 500 64px/74px 'Ubuntu Sans';
  --pt-heading-long-line-lg: 500 48px/68px 'Ubuntu Sans'; /** Usare questo token per lepagine di dettaglio, dove si sa che i titoli tag H1 sono lunghi (news, events, people, publication...)  */
  --pt-heading-long-line-md: 400 40px/48px 'Ubuntu Sans'; /** Usare questo token per lepagine di dettaglio, dove si sa che i titoli tag H1 sono lunghi (news, events, people, publication...)  */
  --pt-heading-2-lg: 400 48px/68px 'Ubuntu Sans';
  /**
   * Usare questo token per i titoli delle pagine di dettaglio. Viewport: 576-340
   * (news, events, people, publication...) 
   */
  --pt-heading-long-line: 500 32px/32px 'Ubuntu Sans';
  --pt-heading-3-lg: 400 32px/40px 'Ubuntu Sans';
  --pt-heading-4-lg: 500 28px/32px 'Ubuntu Sans';
  --pt-heading-5-lg: 500 24px/32px 'Ubuntu Sans';
  --pt-heading-6-lg: 500 18px/24px 'Ubuntu Sans';
  --pt-heading-uppercase-1: 500 40px/48px 'Ubuntu Sans';
  --pt-heading-uppercase-1-lg: 500 70px/78 'Ubuntu Sans';
  --pt-body-sans-1: 400 18px/28px 'Ubuntu Sans';
  --pt-body-sans-2: 400 14px/24px 'Ubuntu Sans';
  --pt-body-sans-lg-1: 400 18px/32px 'Ubuntu Sans';
  --pt-body-sans-lg-2: 400 16px/24px 'Ubuntu Sans';
  --pt-body-mono: 400 18px/28px 'Roboto Mono';
  --pt-body-serif: 400 18px/28px 'Book Antiqua';
  --pt-body-serif-lg: 400 18px/32px 'Book Antiqua';
  --pt-body-mono-lg: 400 18px/32px 'Roboto Mono';
  --pt-link-sans-underline: 500 18px/28px 'Ubuntu Sans';
  --pt-link-sans-underline-sm: 500 14px/24px 'Ubuntu Sans';
  --pt-link-sans-underline-lg: 400 18px/32px 'Ubuntu Sans';
  --pt-link-sans-bold: 700 18px/28px 'Ubuntu Sans';
  --pt-link-sans-bold-lg: 700 18px/32px 'Ubuntu Sans';
  --pt-link-sans-bold-sm: 700 14px/16px 'Ubuntu Sans';
  --pt-lead: 400 18px/24px 'Ubuntu Sans';
  --pt-lead-lg: 400 32px/48px 'Ubuntu Sans';
  --pt-caption-regular: 400 14px/16px 'Ubuntu Sans';
  --pt-caption-semibold: 500 14px/16px 'Ubuntu Sans';
  --pt-caption-caption: 400 12px/16px 'Ubuntu Sans'; /** Usare per didascalie foto e video */
  --pt-blockquote: italic 400 18px/24px 'Ubuntu Sans';
  --pt-blockquote-cite: italic 400 14px/16px 'Ubuntu Sans';
  --pt-label: 500 16px/24px 'Ubuntu Sans'; /** Brevi etichette testuali utilizzate principalmente per i forms. */
  --pt-label-sm: 500 12px/24px 'Ubuntu Sans'; /** Brevi etichette testuali utilizzate principalmente per i forms. */
  --pt-label-lg: 500 18px/24px 'Ubuntu Sans'; /** Brevi etichette testuali su schermi grandi. */
  --pt-occhiello: 500 24px 'Ubuntu Sans';
}