:root { --neutro: #eef0f2; --primario: #00713c; --secondario: #6e9b7b; --accento: #deb887; --successo: hsl(145, 63%, 42%); --successo-l-1: hsl(145, 63%, 60%); --successo-l-2: hsl(145, 63%, 78%); --successo-l-3: hsl(145, 63%, 92%); --successo-d-1: hsl(145, 63%, 32%); --successo-d-2: hsl(145, 63%, 22%); --successo-d-3: hsl(145, 63%, 12%); --successo-t-1: hsla(145, 63%, 42%, 0.12); --successo-t-2: hsla(145, 63%, 42%, 0.24); --successo-t-3: hsla(145, 63%, 42%, 0.40); --avviso: hsl(38, 92%, 50%); --avviso-l-1: hsl(38, 92%, 64%); --avviso-l-2: hsl(38, 92%, 80%); --avviso-l-3: hsl(38, 92%, 93%); --avviso-d-1: hsl(38, 92%, 38%); --avviso-d-2: hsl(38, 92%, 26%); --avviso-d-3: hsl(38, 92%, 14%); --avviso-t-1: hsla(38, 92%, 50%, 0.12); --avviso-t-2: hsla(38, 92%, 50%, 0.24); --avviso-t-3: hsla(38, 92%, 50%, 0.40); --errore: hsl(0, 78%, 56%); --errore-l-1: hsl(0, 78%, 68%); --errore-l-2: hsl(0, 78%, 82%); --errore-l-3: hsl(0, 78%, 94%); --errore-d-1: hsl(0, 78%, 42%); --errore-d-2: hsl(0, 78%, 28%); --errore-d-3: hsl(0, 78%, 16%); --errore-t-1: hsla(0, 78%, 56%, 0.12); --errore-t-2: hsla(0, 78%, 56%, 0.24); --errore-t-3: hsla(0, 78%, 56%, 0.40); --info: hsl(210, 90%, 54%); --info-l-1: hsl(210, 90%, 68%); --info-l-2: hsl(210, 90%, 82%); --info-l-3: hsl(210, 90%, 94%); --info-d-1: hsl(210, 90%, 40%); --info-d-2: hsl(210, 90%, 27%); --info-d-3: hsl(210, 90%, 15%); --info-t-1: hsla(210, 90%, 54%, 0.12); --info-t-2: hsla(210, 90%, 54%, 0.24); --info-t-3: hsla(210, 90%, 54%, 0.40); --ombra: rgba(16,24,40,0.05); --ombra-t-1: rgba(16, 24, 40, 0.08); --ombra-t-2: rgba(16, 24, 40, 0.12); --ombra-t-3: rgba(16, 24, 40, 0.16); --sfondo-pagina-base: var(--neutro); --sfondo-sezione-base: var(--neutro-l-7); --sfondo-sezione-alternato: var(--neutro-l-3); --sfondo-card: var(--neutro-l-7); --sfondo-card-hover: var(--neutro-l-5); --sfondo-elevato: var(--neutro-l-7); --sfondo-inverso: var(--neutro-d-7); --sfondo-brand-base: var(--primario); --sfondo-brand-debole: var(--primario-l-3); --sfondo-secondario-base: var(--secondario); --sfondo-secondario-debole: var(--secondario-l-3); --sfondo-accento-base: var(--accento); --sfondo-accento-debole: var(--accento-l-3); --testo-titolo-base: var(--neutro-d-6); --testo-corpo-base: var(--neutro-d-4); --testo-secondario: var(--neutro-d-3); --testo-debole: var(--neutro-d-1); --testo-inverso: var(--neutro-l-7); --testo-su-brand: var(--neutro-l-7); --testo-brand: var(--primario-d-1); --testo-accento: var(--accento-d-1); --testo-link-base: var(--primario); --testo-link-hover: var(--primario-d-1); --testo-disabilitato: var(--neutro-d-1); --bordo-sottile: var(--neutro-l-1); --bordo-base: var(--neutro-l-5); --bordo-forte: var(--neutro-d-2); --bordo-inverso: var(--neutro-d-5); --bordo-brand: var(--primario-l-2); --bordo-accento: var(--accento-l-2); --bordo-focus: var(--primario-l-1); --bordo-errore: var(--errore); --bordo-successo: var(--successo); --bordo-avviso: var(--avviso); --bordo-info: var(--info); --bordo-disabilitato: var(--neutro-l-2); --azione-primaria-sfondo: var(--primario); --azione-primaria-sfondo-hover: var(--primario-d-1); --azione-primaria-sfondo-attivo: var(--primario-d-2); --azione-primaria-testo: var(--testo-su-brand); --azione-primaria-bordo: var(--primario); --azione-secondaria-sfondo: var(--primario-l-3); --azione-secondaria-sfondo-hover: var(--primario-l-2); --azione-secondaria-testo: var(--primario-d-2); --azione-secondaria-bordo: var(--primario-l-2); --azione-ghost-sfondo: transparent; --azione-ghost-sfondo-hover: var(--primario-t-1); --azione-ghost-testo: var(--primario-d-1); --azione-ghost-bordo: var(--primario-l-1); --azione-link-testo: var(--testo-link-base); --azione-link-hover: var(--testo-link-hover); --azione-disabilitata-sfondo: var(--neutro-l-2); --azione-disabilitata-testo: var(--testo-disabilitato); --azione-disabilitata-bordo: var(--bordo-disabilitato); --icona-base: var(--neutro-d-5); --icona-secondaria: var(--neutro-d-3); --icona-debole: var(--neutro-d-2); --icona-inversa: var(--neutro-l-7); --icona-su-brand: var(--neutro-l-7); --icona-brand: var(--primario-d-1); --icona-accento: var(--accento); --icona-successo: var(--successo); --icona-avviso: var(--avviso); --icona-errore: var(--errore); --icona-info: var(--info); --campo-sfondo: var(--sfondo-card); --campo-sfondo-hover: var(--sfondo-card-hover); --campo-sfondo-disabilitato: var(--neutro-l-2); --campo-testo: var(--testo-corpo-base); --campo-placeholder: var(--testo-debole); --campo-etichetta: var(--testo-titolo-base); --campo-aiuto-testo: var(--testo-secondario); --campo-errore-testo: var(--stato-errore-testo); --campo-bordo: var(--bordo-base); --campo-bordo-hover: var(--bordo-forte); --campo-bordo-focus: var(--bordo-focus); --campo-bordo-errore: var(--bordo-errore); --stato-successo-sfondo: var(--successo-l-3); --stato-successo-testo: var(--successo-d-2); --stato-successo-bordo: var(--successo-l-1); --stato-successo-icona: var(--successo); --stato-avviso-sfondo: var(--avviso-l-3); --stato-avviso-testo: var(--avviso-d-2); --stato-avviso-bordo: var(--avviso-l-1); --stato-avviso-icona: var(--avviso); --stato-errore-sfondo: var(--errore-l-3); --stato-errore-testo: var(--errore-d-2); --stato-errore-bordo: var(--errore-l-1); --stato-errore-icona: var(--errore); --stato-info-sfondo: var(--info-l-3); --stato-info-testo: var(--info-d-2); --stato-info-bordo: var(--info-l-1); --stato-info-icona: var(--info); --overlay-leggero: rgba(0, 0, 0, 0.16); --overlay-medio: rgba(0, 0, 0, 0.32); --overlay-forte: rgba(0, 0, 0, 0.56); --sfondo-backdrop: rgba(0, 0, 0, 0.48); --primario-l-1: #40956d; --primario-l-2: #80b89e; --primario-l-3: #bfdcce; --primario-d-1: #00552d; --primario-d-2: #00391e; --primario-d-3: #001c0f; --primario-t-1: hsla(152, 100%, 22%, 0.25); --primario-t-2: hsla(152, 100%, 22%, 0.5); --primario-t-3: hsla(152, 100%, 22%, 0.75); --secondario-d-1: #53745c; --secondario-d-2: #374e3e; --secondario-d-3: #1c271f; --secondario-t-1: hsla(137, 18%, 52%, 0.25); --secondario-t-2: hsla(137, 18%, 52%, 0.5); --secondario-t-3: hsla(137, 18%, 52%, 0.75); --secondario-l-1: #92b49c; --secondario-l-2: #b7cdbd; --secondario-l-3: #dbe6de; --neutro-l-1: #f0f2f4; --neutro-l-2: #f2f4f5; --neutro-l-3: #f4f6f7; --neutro-l-4: #f7f8f9; --neutro-l-5: #f9f9fa; --neutro-l-6: #fbfbfc; --neutro-l-7: #fdfdfd; --neutro-d-1: #d0d2d4; --neutro-d-2: #b3b4b6; --neutro-d-3: #959697; --neutro-d-4: #777879; --neutro-d-5: #595a5b; --neutro-d-6: #3c3c3d; --neutro-d-7: #1e1e1e; --neutro-t-1: hsla(210, 13%, 94%, 0.13); --neutro-t-2: hsla(210, 13%, 94%, 0.25); --neutro-t-3: hsla(210, 13%, 94%, 0.38); --neutro-t-4: hsla(210, 13%, 94%, 0.5); --neutro-t-5: hsla(210, 13%, 94%, 0.63); --neutro-t-6: hsla(210, 13%, 94%, 0.75); --neutro-t-7: hsla(210, 13%, 94%, 0.88); --accento-l-1: #e6caa5; --accento-l-2: #efdcc3; --accento-l-3: #f7ede1; --accento-d-1: #a78a65; --accento-d-2: #6f5c44; --accento-d-3: #382e22; --accento-t-1: hsla(34, 57%, 70%, 0.25); --accento-t-2: hsla(34, 57%, 70%, 0.5); --accento-t-3: hsla(34, 57%, 70%, 0.75); --heading-6: clamp(1rem, calc(0.0018571428571428556 * (100vw - 22.5rem) + 1rem), 1.13rem); --heading-5: clamp(1.25rem, calc(0.0035714285714285713 * (100vw - 22.5rem) + 1.25rem), 1.5rem); --heading-4: clamp(1.56rem, calc(0.006285714285714285 * (100vw - 22.5rem) + 1.56rem), 2rem); --heading-3: clamp(1.95rem, calc(0.010142857142857146 * (100vw - 22.5rem) + 1.95rem), 2.66rem); --heading-2: clamp(2.44rem, calc(0.015857142857142854 * (100vw - 22.5rem) + 2.44rem), 3.55rem); --heading-1: clamp(3.05rem, calc(0.024000000000000007 * (100vw - 22.5rem) + 3.05rem), 4.73rem); --text-caption: clamp(0.88rem, calc(0.00014285714285714298 * (100vw - 22.5rem) + 0.88rem), 0.89rem); --text-small: clamp(0.94rem, calc(0.0008571428571428579 * (100vw - 22.5rem) + 0.94rem), 1rem); --text-body: clamp(1rem, calc(0.0018571428571428556 * (100vw - 22.5rem) + 1rem), 1.13rem); --text-lead: clamp(1.07rem, calc(0.0028571428571428567 * (100vw - 22.5rem) + 1.07rem), 1.27rem); --spacing-2xs: clamp(0.42rem, calc(-0.0024999999999999996 * (100vw - 20rem) + 0.42rem), 0.27rem); --spacing-xs: clamp(0.56rem, calc(-0.002166666666666668 * (100vw - 20rem) + 0.56rem), 0.43rem); --spacing-s: clamp(0.75rem, calc(-0.000833333333333334 * (100vw - 20rem) + 0.75rem), 0.7rem); --spacing-m: clamp(1rem, calc(0.002166666666666665 * (100vw - 20rem) + 1rem), 1.13rem); --spacing-l: clamp(1.33rem, calc(0.008166666666666666 * (100vw - 20rem) + 1.33rem), 1.82rem); --spacing-xl: clamp(1.78rem, calc(0.019500000000000003 * (100vw - 20rem) + 1.78rem), 2.95rem); --spacing-2xl: clamp(2.37rem, calc(0.039999999999999994 * (100vw - 20rem) + 2.37rem), 4.77rem); --spacing-3xl: clamp(3.16rem, calc(0.07583333333333334 * (100vw - 20rem) + 3.16rem), 7.71rem); --spacing-4xl: clamp(4.21rem, calc(0.13783333333333334 * (100vw - 20rem) + 4.21rem), 12.48rem);}.heading-6 { font-size: var(--heading-6); }.heading-5 { font-size: var(--heading-5); }.heading-4 { font-size: var(--heading-4); }.heading-3 { font-size: var(--heading-3); }.heading-2 { font-size: var(--heading-2); }.heading-1 { font-size: var(--heading-1); }.testo-caption { font-size: var(--text-caption); }.testo-small { font-size: var(--text-small); }.testo-body { font-size: var(--text-body); }.testo-lead { font-size: var(--text-lead); }.spacing-2xs { font-size: var(--spacing-2xs); }.spacing-xs { font-size: var(--spacing-xs); }.spacing-s { font-size: var(--spacing-s); }.spacing-m { font-size: var(--spacing-m); }.spacing-l { font-size: var(--spacing-l); }.spacing-xl { font-size: var(--spacing-xl); }.spacing-2xl { font-size: var(--spacing-2xl); }.spacing-3xl { font-size: var(--spacing-3xl); }.spacing-4xl { font-size: var(--spacing-4xl); }