:root {
/*------------------------------------*\
        +Palette
\*------------------------------------*/

  --color-vnu-marrone-700: #ba8a74;
  --color-vnu-marrone-500: #cab19f;
  --color-vnu-marrone-400: #ead9c9;
  --color-vnu-marrone-300: #eae6da;

  --color-vnu-green-700: #2b2508;
  --color-vnu-green-500: #646955;
  --color-vnu-green-400: #9a9984;
  --color-vnu-green-300: #a7a896;

/*------------------------------------*\
			+Colori Main Progetto
\*------------------------------------*/

  --color-primary-300: var(--color-vnu-marrone-300);
  --color-primary: var(--color-vnu-marrone-700);

  --color-secondary: var(--color-vnu-green-700);

  --color-accent-100: var(--color-vnu-cream-dust);
  --color-accent: var(--color-vnu-aqua-green);
/* Colori */
  --title-color: var(--color-secondary);
  --p-color: var(--color-secondary);

  --txt-select-color: var(--color-black);
  --txt-select-bg: var(--color-primary);

  /* Colori Isdark */
  --isdark-color-medium: var(--color-white);
  --isdark-title-color: var(--isdark-color-medium);
  --isdark-a-color: var(--isdark-color-medium);
  --a-txtdec: 1px underline transparent;
  --isdark-a-hov-color: var(--color-accent-100);
  --isdark-a-hov-txtdec: 1px underline var(--isdark-a-hov-color);

  /* btn isdark */
  --isdark-btn-bg: var(--color-vnu-marrone-300);
  --isdark-btn-border-color: var(--isdark-btn-bg);
  --isdark-btn-color: var(--color-black);
  --isdark-btn-hov-bg: var(--color-accent);
  --isdark-btn-hov-border-color: var(--isdark-btn-hov-bg);
  --isdark-btn-hov-color: var(--isdark-btn-color);
}

/*------------------------------------*\
	CSS Aggiuntivi
\*------------------------------------*/
.text-color-primary-300 {
  color: var(--color-primary-300);
}

/* background and colors */
.bg-green-500 {
    background-color: var(--color-vnu-green-500);
}
.bg-arancione {
  background-color: var(--color-vnu-arancione-volunteering);
}
.bg-azurro {
  background-color: var(--color-vnu-azurro-slow-working);
}

/* utilities */
.radius-default {
  border-radius: 1.875em;
}
.mt-neg {
    margin-top: -4rem;
    padding-top: 4rem;
}
/* button */
.button {
  --btn-color: var(--color-primary-300);
  --btn-bg: var(--color-primary);
  border: none;
}

.button.secondary {
  --btn-color: var(--color-primary);
}

.button.secondary:hover {
  background-color: var(--color-accent) !important;
  border-color: var(--color-accent) !important;
  color: var(--color-secondary) !important;
}

.isdark .button:hover {
  --btn-hov-bg: var(--isdark-btn-bg) !important;
}

 /* menu-interno-pagina menu-h */
.menu-h li a {
  --menu-hv-fw: 500;
}
  .menu-h li a._current {
    --menu-hv-fw: 600;
  }

/* hero home */
._hero-home {
    --isdark-title-color: var(--color-white);
    --isdark-subtitle-color: var(--color-white);
}
/* animation home progress circle */
._number-progressbar {
  color: var(--color-primary);
}
._is-on[role="progressbar"] {
  --primary: var(--color-primary-300);
  border: 2px solid var(--color-primary-300);
}
._is-on[role="progressbar"]::before {
  -webkit-mask: radial-gradient(#0000 65%, #000 0);
}
[role="progressbar"]::after {
  background-color: var(--color-primary-300);
}

/* _card-navigator */
._card-navigator {
    --card-bg: var(--color-primary);
    /* --card-border: 2px solid var(--card-bg); */
    --card-border: none;
    --title-color: var(--color-primary-300);
    --a-txtdec: 1px underline transparent;
}

._card.hover\:isdark:hover {
    background-color: var(--color-vnu-marrone-400) !important;
    --card-border: 0px solid var(--color-white);
    --isdark-title-color: var(--color-secondary);
}
/* _card-static-img-bg */
._card-static-img-bg {
    --layer-filter-bg: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
}
._card-static-img-bg._green {
  border: 8px solid var(--color-vnu-aqua-green);
  --isdark-title-color: var(--color-vnu-aqua-green);
}
._card-static-img-bg._cream {
  border: 8px solid var(--color-vnu-cream-dust);
  --isdark-title-color: var(--color-vnu-cream-dust);
}
._card-static-img-bg._blue {
  border: 8px solid var(--color-vnu-lake-blue);
  --isdark-title-color: var(--color-vnu-lake-blue);
}

/* footer */
footer ._main-section {
  background-color: var(--color-secondary);
  --isdark-a-color: var(--color-accent);
}

._menu-offc-mob ._menu-btn {
  margin: 1em auto;
  max-width: 15rem;
  text-align: center;
}