:root {
  --wp--custom--color--base1: hsl(36, 12%, 92%); /* Base color - lightest – #fAf9f6 */
  --wp--custom--color--base2: hsl(33, 14%, 84%); /* Base color - light – #e5e3e0 */
  --wp--custom--color--base3: hsl(35, 13%, 72%); /* Base color - light – #c8c6c3 */
  --wp--custom--color--base4: hsl(32, 13%, 60%); /* Base color - normal – #a7a5a2 */
  --wp--custom--color--base5: hsl(34, 13%, 48%); /* Base color - dark – #8a8885 */
  --wp--custom--color--base6: hsl(34, 13%, 38%); /* Base color - dark – #777573 */
  --wp--custom--color--base7: hsl(34, 13%, 28%); /* Base color - dark – #5f5d5a */
  --wp--custom--color--base8: hsl(34, 14%, 18%); /* Base color - darkest – #333231 */
  --wp--custom--color--base9: hsl(36, 12%, 8%); /* Base color - darkest – #16181d */

  --wp--custom--color--base1-opaque: hsla(36, 12%, 92%, 0.9); /* Base color opaque - lightest – #fAf9f6 */

  --wp--custom--color--transparent: hsla(0 , 0%, 100%, 0.0);
  --wp--custom--color--opaque: hsla(0 , 0%, 100%, 0.0);

  --wp--custom--color--primary-light: hsl(8, 100%, 51%);
  --wp--custom--color--primary: hsl(0, 66%, 43%);
  --wp--custom--color--primary-dark: hsl(356, 66%, 26%);
  --wp--custom--color--primary-content: var(--wp--custom--color--base1);

  --wp--custom--color--secondary-light: hsl(32, 33%, 90%);  /* Secondary color - light */
  --wp--custom--color--secondary: hsl(32, 33%, 80%);  /* Secondary color - normal */
  --wp--custom--color--secondary-dark: hsl(32, 13%, 50%);  /* Secondary color - dark */
  --wp--custom--color--secondary-content: hsl(34, 14%, 20%);

  --wp--custom--color--accent:   var(--wp--custom--color--base6);  /* Accent color - normal */
  
  /* State Colors */
  --wp--custom--color--info: hsl(207, 90%, 54%);
  /* Info */
  --wp--custom--color--success: hsl(174, 100%, 29%);
  /* Success */
  --wp--custom--color--warning: hsl(36, 100%, 50%);
  /* Warning */
  --wp--custom--color--error: hsl(14, 100%, 57%);
  /* Error */
}

html[data-theme="dark-transparent"] {
  --wp--custom--color--base9: hsl(36, 12%, 92%);
  --wp--custom--color--base1: transparent;

}


html[data-theme="dark"] {
  --wp--custom--color--primary:  hsl(36, 12%, 92%);
  --wp--custom--color--primary-content: hsl(0, 66%, 43%);

  --wp--custom--color--base1: hsl(36, 12%, 8%);
  --wp--custom--color--base2: hsl(34, 13%, 32%);
  --wp--custom--color--base3: hsl(34, 13%, 44%);
  --wp--custom--color--base4: hsl(34, 13%, 48%);
  --wp--custom--color--base5: hsl(32, 13%, 60%);
  --wp--custom--color--base6: hsl(35, 13%, 72%);
  --wp--custom--color--base7: hsl(33, 14%, 84%);
  --wp--custom--color--base8: hsl(36, 12%, 92%);
  --wp--custom--color--base9: hsl(36, 12%, 92%);
}

html[data-theme="neutral"] {
  --wp--custom--color--primary-content: hsl(31, 34%, 72%);
  /* fondo */
  --wp--custom--color--content1: hsl(31, 34%, 72%);
  /* fondo */
}

/* Products themes */
li[data-theme='sugo-al-pesce-spada-e-melanzane'],
html[data-theme="sugo-pesce-spada-melanzane"] .is-style-product-theme {
  --wp--custom--color--primary: hsl(19, 100%, 56%); /* categoria */
  --wp--custom--color--base1: hsl(345, 100%, 30%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsl(345, 100%, 30%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%);  /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(281, 44%, 76%); /* titolo prodotto */
  --wp--custom--color--content1: hsl(345, 100%, 30%); /* fondo */
  --wp--custom--color--secondary-content: hsl(345, 100%, 30%); /* fondo header */
  --wp--custom--color--primary-dark: hsl(19, 100%, 46%); /* primary color hover */
}

li[data-theme='sugo-al-nero-di-seppia'],
html[data-theme="sugo-nero-seppia"] .is-style-product-theme {
  --wp--custom--color--primary: hsl(19, 100%, 56%); /* categoria */
  --wp--custom--color--base1: hsl(357, 38%, 23%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsl(357, 38%, 23%, 0.9); /* header fondo */
  --wp--custom--color--accent: hsl(27, 13%, 67%); /* titolo prodotto */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--content1: hsl(357, 38%, 23%); /* fondo */
  --wp--custom--color--primary-dark: hsl(19, 100%, 46%); /* primary color hover */
}
li[data-theme='sugo-alla-norma'],
html[data-theme="sugo-norma"] .is-style-product-theme {
  --wp--custom--color--primary: hsl(19, 100%, 56%);  /* categoria */
  --wp--custom--color--base1: hsl(4, 54%, 39%);  /* content item fondo */
  --wp--custom--color--base1-opaque: hsla(4, 54%, 39%, 0.9);  /* header fondo */
  --wp--custom--color--accent: hsl(33, 83%, 75%);  /* titolo prodotto */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%);  /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--content1: hsl(4, 54%, 39%);  /* fondo */
  --wp--custom--color--secondary-content: hsl(4, 54%, 39%);  /* content item fondo */
  --wp--custom--color--primary-dark: hsl(19, 100%, 46%);  /* primary color hover */

}
li[data-theme='sugo-salsiccia-e-funghi'],
html[data-theme="sugo-salsiccia-funghi"] .is-style-product-theme {
  --wp--custom--color--primary: hsl(19, 100%, 56%); /* categoria */
  --wp--custom--color--base1: hsl(359, 58%, 28%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsl(359, 58%, 28%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%);  /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(26, 65%, 60%); /* titolo prodotto */
  --wp--custom--color--secondary-content: hsl(359, 58%, 28%); /* content item fondo */
  --wp--custom--color--primary-dark: hsl(19, 100%, 46%); /* primary color hover */
}
li[data-theme='sugo-sarde-e-finocchietto'],
html[data-theme="sugo-sarde-finocchietto"] .is-style-product-theme  {
  --wp--custom--color--primary: hsl(19, 100%, 56%); /* categoria */
  --wp--custom--color--base1: hsl(2, 77%, 42%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsl(2, 77%, 42%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(194, 64%, 71%); /* titolo prodotto */
  --wp--custom--color--content1: hsl(2, 77%, 42%); /* fondo */
  --wp--custom--color--secondary-content: hsl(2, 77%, 42%); /* content item fondo */
  --wp--custom--color--primary-dark: hsl(19, 100%, 46%); /* primary color hover */
}

li[data-theme='sugo-al-suino-nero-dei-nebrodi'],
[data-theme='sugo-suino-nebrodi'] .is-style-product-theme {
  --wp--custom--color--primary: hsl(19, 100%, 56%); /* categoria */
  --wp--custom--color--base1: hsl(0, 66%, 43%); /* content item fondo */
  --wp--custom--color--base1-opaque:hsla(0, 66%, 43%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(10, 75%, 72%); /* titolo prodotto */
  --c1: hsl(0, 66%, 43%); /* fondo */
  --cs: hsl(0, 66%, 43%); /* content item fondo */
  --p3: hsl(19, 100%, 46%); /* primary color hover */
}

li[data-theme='sugo-tonno-e-finocchietto'],
[data-theme='sugo-tonno-finocchietto'] .is-style-product-theme {
  --wp--custom--color--primary: hsl(19, 100%, 56%); /* categoria */
  --wp--custom--color--base1: hsl(355, 75%, 44%); /* content item fondo */
  --wp--custom--color--base1-opaque:hsla(355, 75%, 44%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(172, 58%, 64%); /* titolo prodotto */
  --c1: hsl(355, 75%, 44%); /* fondo */
  --cs: hsl(355, 75%, 44%); /* content item fondo */
  --p3: hsl(19, 100%, 46%); /* primary color hover */
}

li[data-theme='pesto-di-finocchietto-selvatico-di-sicilia'],
[data-theme='pesto-finocchietto-selvatico'] .is-style-product-theme {
  --wp--custom--color--primary: hsl(163, 38%, 11%); /* categoria */
  --wp--custom--color--base1: hsl(82, 43%, 37%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsl(82, 43%, 37%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(52, 100%, 50%); /* titolo prodotto */
  --c1: hsl(82, 43%, 37%); /* fondo */
  --cs: hsl(82, 43%, 37%); /* content item fondo */
  --p3: hsl(163, 38%, 2%); /* primary color hover */
}
li[data-theme='pesto-di-funghi-porcini'],
[data-theme='pesto-funghi-porcini'] .is-style-product-theme {
  --wp--custom--color--primary: hsl(163, 38%, 11%); /* categoria */
  --wp--custom--color--base1: hsl(42, 49%, 37%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsl(42, 49%, 37%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(47, 71%, 59%); /* titolo prodotto */
  --c1: hsl(42, 49%, 37%); /* fondo */
  --cs: hsl(42, 49%, 37%); /* content item fondo */
  --p3: hsl(163, 38%, 2%); /* primary color hover */
}
li[data-theme='pesto-di-pistacchi-e-mandorle'],
[data-theme='pesto-pistacchi-mandorle'] .is-style-product-theme {
  --wp--custom--color--primary: hsl(164, 73%, 3%); /* categoria */
  --wp--custom--color--base1: hsl(57, 100%, 36%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsl(57, 100%, 36%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(54, 29%, 21%); /* titolo prodotto */
  --c1: hsl(57, 100%, 36%); /* fondo */
  --cs: hsl(57, 100%, 36%); /* content item fondo */
  --p3: hsl(163, 38%, 2%); /* primary color hover */
}

li[data-theme='pesto-di-pistacchio'],
html[data-theme='pesto-pistacchio'] .is-style-product-theme {
  --wp--custom--color--primary: hsl(163, 38%, 11%); /* categoria */
  --wp--custom--color--base1: hsl(61, 52%, 35%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsla(61, 52%, 35%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(61 100% 42%); /* titolo prodotto */
  --c1: hsl(61, 52%, 35%); /* fondo */
  --cs: hsl(61, 52%, 35%); /* content item fondo */
  --p3: hsl(163, 38%, 2%); /* primary color hover */
}
li[data-theme='pesto-siciliano'],
[data-theme='pesto-siciliano'] .is-style-product-theme {
  --wp--custom--color--primary: hsl(163, 38%, 11%); /* categoria */
  --wp--custom--color--base1: hsl(48, 50%, 61%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsl(48, 50%, 61%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(356, 64%, 26%);
  --wp--custom--color--secondary-content: hsl(48, 50%, 61%);
  --wp--custom--color--primary-dark: hsl(163, 38%, 2%);
}
li[data-theme='pate-di-olive-nere'],
[data-theme='pate-olive-nere'] .is-style-product-theme {
  --wp--custom--color--primary: hsl(42, 39%, 59%); /* categoria */
  --wp--custom--color--base1: hsl(210, 19%, 18%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsl(210, 19%, 18%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(345, 10%, 67%);
  --wp--custom--color--secondary-content: hsl(210, 19%, 18%);
  --wp--custom--color--primary-dark: hsl(42, 39%, 49%);
}
li[data-theme='pate-di-olive-verdi'],
[data-theme='pate-olive-verdi'] .is-style-product-theme {
  --wp--custom--color--primary: hsl(42, 39%, 59%); /* categoria */
  --wp--custom--color--base1: hsl(170, 13%, 35%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsl(170, 13%, 35%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */

  --wp--custom--color--accent: hsl(60, 100%, 41%);
  --wp--custom--color--primary-dark: hsl(42, 39%, 49%);
}

li[data-theme='pate-di-peperoncino'],
[data-theme='pate-peperoncino'] .is-style-product-theme {
  --wp--custom--color--primary: hsl(42, 39%, 59%); /* categoria */
  --wp--custom--color--base1: hsl(203, 33%, 35%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsl(203, 33%, 35%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(19, 100%, 56%);
  --wp--custom--color--secondary-content: hsl(203, 33%, 35%);
  --wp--custom--color--primary-dark: hsl(42, 39%, 49%);
}
li[data-theme='condimento-aglio-olio-e-peperoncino'],
[data-theme='condimento-aglio-olio-peperoncino'] .is-style-product-theme {
  --wp--custom--color--primary: hsl(5, 14%, 18%); /* categoria */
  --wp--custom--color--base1: hsl(32, 65%, 64%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsl(32, 65%, 64%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--custom--color--accent: hsl(20, 76%, 39%);
  --wp--custom--color--secondary-content: hsl(32, 65%, 64%);
  --wp--custom--color--primary-dark: hsl(5, 14%, 8%);
}
li[data-theme='condimento-bruschetta-al-pomodoro'],
[data-theme='condimento-bruschetta-pomodoro'] .is-style-product-theme {
  --wp--custom--color--primary: hsl(5, 14%, 18%); /* categoria */
  --wp--custom--color--base1: hsl(26, 65%, 60%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsl(26, 65%, 60%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(346, 94%, 28%);
  --wp--custom--color--content1: hsl(26, 65%, 60%);
  --wp--custom--color--base1: hsl(26, 65%, 60%);
  --wp--custom--color--primary-dark: hsl(5, 14%, 8%);
}

li[data-theme='caponata'],
[data-theme='caponata'] .is-style-product-theme {
  --wp--custom--color--primary: hsl(358, 100%, 67%); /* categoria */
  --wp--custom--color--base1: hsl(279, 54%, 24%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsla(279, 54%, 24%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(32, 100%, 68%);
  --wp--custom--color--content1: hsl(26, 65%, 60%);
}

li[data-theme='crema-spalmabile-di-cioccolato-e-nocciole'],
[data-theme='crema-spalmabile-nocciole'] .is-style-product-theme {
  --wp--custom--color--primary: hsl(10, 44%, 20%); /* categoria */
  --wp--custom--color--base1: hsl(18, 32%, 46%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsl(18, 32%, 46%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(38, 48%, 69%);
  --wp--custom--color--secondary-content: hsl(18, 32%, 46%);
  --wp--custom--color--primary-dark: hsl(10, 44%, 10%);
}

[data-theme='crema-spalmabile-mandorla'] {
  --wp--custom--color--primary: hsl(10, 44%, 20%);
  --wp--custom--color--accent: hsl(27, 41%, 31%);
  --wp--custom--color--content9: hsl(359, 100%, 100%);
  --wp--custom--color--content1: hsl(34, 45%, 59%);
  --wp--custom--color--primary-content: hsl(34, 45%, 59%);
  --wp--custom--color--secondary-content: hsl(34, 45%, 59%);
  --wp--custom--color--primary-dark: hsl(10, 44%, 10%);
}
li[data-theme='crema-spalmabile-di-pistacchio'],
[data-theme='crema-spalmabile-pistacchio'] .is-style-product-theme {
  --wp--custom--color--primary: hsl(10, 44%, 20%); /* categoria */
  --wp--custom--color--base1: hsl(56, 30%, 46%); /* content item fondo */
  --wp--custom--color--base1-opaque: hsl(56, 30%, 46%, 0.9); /* header fondo */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--preset--color--base-content: var(--wp--custom--color--primary-content); /* testi */
  --wp--custom--color--accent: hsl(143, 39%, 21%);
  --wp--custom--color--secondary-content: hsl(56, 30%, 46%);
  --wp--custom--color--primary-dark: hsl(10, 44%, 10%);
}

/* Category themes */

[data-theme='sughi'] .is-style-product-theme,
.is-style-sughi-pronti {
  --wp--custom--color--primary: hsl(19, 100%, 56%); /* categoria */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--custom--color--accent: hsl(359, 100%, 100%);
  --wp--custom--color--content9: hsl(359, 100%, 100%);
  --wp--custom--color--primary-dark: hsl(357, 38%, 13%);
}

[data-theme='pesto'] .is-style-product-theme,
.is-style-pesti {
  --wp--custom--color--accent: hsl(359, 100%, 100%);
  --wp--custom--color--content9: hsl(359, 100%, 100%);
  --wp--custom--color--primary: hsl(163, 38%, 11%); /* categoria */
  --wp--custom--color--primary-dark: hsl(82, 43%, 27%);
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
}

[data-theme='pate'] .is-style-product-theme,
.is-style-pate {
  --wp--custom--color--primary: hsl(42, 39%, 59%); /* categoria */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
  --wp--custom--color--secondary-content: hsl(203, 33%, 35%);
  --wp--custom--color--primary-dark: hsl(42, 39%, 49%);
}

[data-theme='condimenti'] .is-style-product-theme,
.is-style-condimenti {
  --wp--custom--color--accent: hsl(359, 100%, 100%);
  --wp--custom--color--content9: hsl(359, 100%, 100%);
  --wp--custom--color--primary-dark: hsl(26, 65%, 50%);
  --wp--custom--color--primary: hsl(5, 14%, 18%); /* categoria */
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */
}

[data-theme='creme-spalmabili'] .is-style-product-theme,
.is-style-creme-spalmabili {
  --wp--custom--color--primary: hsl(10, 44%, 20%); /* categoria */
   --wp--custom--color--primary: hsl(10, 44%, 20%);
  --wp--custom--color--primary-content: hsl(36, 12%, 92%); /* testi */

}


/* @media (prefers-color-scheme: dark) {
  :root {
    --wp--custom--color--primary: hsl(0, 0%, 0%);
  }
}  */
html[data-theme="neutral-light"] {
  --wp--custom--color--primary-content: hsl(31, 33%, 81%);
  /* fondo */
  --wp--custom--color--content1: hsl(31, 33%, 81%);
  /* fondo */
}

html[data-theme="neutral-lighter"] {
  --wp--custom--color--primary-content: hsl(30, 32%, 93%);
  /* fondo */
  --wp--custom--color--content1: hsl(30, 32%, 93%);
  /* fondo */
}

html[data-theme="neutral-dark"] {
  --wp--custom--color--primary-content: hsl(32, 13%, 51%);
  /* fondo */
  --wp--custom--color--content1: hsl(32, 13%, 51%);
  /* fondo */
  --wp--custom--color--content9: hsl(359, 100%, 100%);
  /* testi */
}

html[data-theme="neutral-darker"] {
  --wp--custom--color--primary-content: hsl(34, 13%, 32%);
  /* fondo */
  --wp--custom--color--content1: hsl(34, 13%, 32%);
  /* fondo */
  --wp--custom--color--content9: hsl(359, 100%, 100%);
  /* testi */
}