/* pantoneAmazon */
:root {
/* hover */
--theme-hover-background: HSL(152 61% 28.00%);
--theme-hover-text: HSL(0 100% 0%);

--comp-hover-background: HSL(332 61% 28.00%);
--comp-hover-text: HSL(0 100% 0%);

/* theme */
--theme-d4-background: HSL(152 61% 5.60%);
--theme-d4-text: HSL(0 100% 100%);
--theme-d4-border: HSL(152 61% 28.00%);

--theme-d3-background: HSL(152 61% 11.20%);
--theme-d3-text: HSL(0 100% 100%);
--theme-d3-border: HSL(152 61% 28.00%);

--theme-d2-background: HSL(152 61% 16.80%);
--theme-d2-text: HSL(0 100% 100%);
--theme-d2-border: HSL(152 61% 28.00%);

--theme-d1-background: HSL(152 61% 22.40%);
--theme-d1-text: HSL(0 100% 100%);
--theme-d1-border: HSL(152 61% 28.00%);

--theme-background: HSL(152 61% 28.00%);
--theme-text: white;
--theme-border: HSL(152 61% 28.00%);

--theme-l1-background: HSL(152 61% 42.40%);
--theme-l1-text: HSL(0 100% 0%);
--theme-l1-border: HSL(152 61% 28.00%);

--theme-l2-background: HSL(152 61% 56.80%);
--theme-l2-text: HSL(0 100% 0%);
--theme-l2-border: HSL(152 61% 28.00%);

--theme-l3-background: HSL(152 61% 71.20%);
--theme-l3-text: HSL(0 100% 0%);
--theme-l3-border: HSL(152 61% 28.00%);

--theme-l4-background: HSL(152 61% 85.60%);
--theme-l4-text: HSL(0 100% 0%);
--theme-l4-border: HSL(152 61% 28.00%);

/* comp */
--comp-d4-background: HSL(332 61% 5.60%);
--comp-d4-text: HSL(0 100% 100%);
--comp-d4-border: HSL(332 61% 28.00%);

--comp-d3-background: HSL(332 61% 11.20%);
--comp-d3-text: HSL(0 100% 100%);
--comp-d3-border: HSL(332 61% 28.00%);

--comp-d2-background: HSL(332 61% 16.80%);
--comp-d2-text: HSL(0 100% 100%);
--comp-d2-border: HSL(332 61% 28.00%);

--comp-d1-background: HSL(332 61% 22.40%);
--comp-d1-text: HSL(0 100% 100%);
--comp-d1-border: HSL(332 61% 28.00%);

--comp-background: HSL(332 61% 28.00%);
--comp-text: white;
--comp-border: HSL(332 61% 28.00%);

--comp-l1-background: HSL(332 61% 42.40%);
--comp-l1-text: white;
--comp-l1-border: HSL(332 61% 28.00%);

--comp-l2-background: HSL(332 61% 56.80%);
--comp-l2-text: white;
--comp-l2-border: HSL(332 61% 28.00%);

--comp-l3-background: HSL(332 61% 71.20%);
--comp-l3-text: HSL(0 100% 0%);
--comp-l3-border: HSL(332 61% 28.00%);

--comp-l4-background: HSL(332 61% 85.60%);
--comp-l4-text: HSL(0 100% 0%);
--comp-l4-border: HSL(332 61% 28.00%);

}