/*themename: pantone2020*/
:root {
/* hover */
--theme-hover-background: HSL(217 46% 37.00%);
--theme-hover-text: HSL(0 100% 0%);

--comp-hover-background: HSL(37 46% 37.00%);
--comp-hover-text: HSL(0 100% 0%);

/* theme */
--theme-d4-background: HSL(217 46% 7.40%);
--theme-d4-text: HSL(0 100% 100%);
--theme-d4-border: HSL(217 46% 37.00%);

--theme-d3-background: HSL(217 46% 14.80%);
--theme-d3-text: HSL(0 100% 100%);
--theme-d3-border: HSL(217 46% 37.00%);

--theme-d2-background: HSL(217 46% 22.20%);
--theme-d2-text: HSL(0 100% 100%);
--theme-d2-border: HSL(217 46% 37.00%);

--theme-d1-background: HSL(217 46% 29.60%);
--theme-d1-text: HSL(0 100% 100%);
--theme-d1-border: HSL(217 46% 37.00%);

--theme-background: HSL(217 46% 37.00%);
--theme-text: white;
--theme-border: HSL(217 46% 37.00%);

--theme-l1-background: HSL(217 46% 49.60%);
--theme-l1-text: white;
--theme-l1-border: HSL(217 46% 37.00%);

--theme-l2-background: HSL(217 46% 62.20%);
--theme-l2-text: HSL(0 100% 0%);
--theme-l2-border: HSL(217 46% 37.00%);

--theme-l3-background: HSL(217 46% 74.80%);
--theme-l3-text: HSL(0 100% 0%);
--theme-l3-border: HSL(217 46% 37.00%);

--theme-l4-background: HSL(217 46% 87.40%);
--theme-l4-text: HSL(0 100% 0%);
--theme-l4-border: HSL(217 46% 37.00%);

/* comp */
--comp-d4-background: HSL(37 46% 7.40%);
--comp-d4-text: HSL(0 100% 100%);
--comp-d4-border: HSL(37 46% 37.00%);

--comp-d3-background: HSL(37 46% 14.80%);
--comp-d3-text: HSL(0 100% 100%);
--comp-d3-border: HSL(37 46% 37.00%);

--comp-d2-background: HSL(37 46% 22.20%);
--comp-d2-text: HSL(0 100% 100%);
--comp-d2-border: HSL(37 46% 37.00%);

--comp-d1-background: HSL(37 46% 29.60%);
--comp-d1-text: HSL(0 100% 100%);
--comp-d1-border: HSL(37 46% 37.00%);

--comp-background: HSL(37 46% 37.00%);
--comp-text: white;
--comp-border: HSL(37 46% 37.00%);

--comp-l1-background: HSL(37 46% 49.60%);
--comp-l1-text: white;
--comp-l1-border: HSL(37 46% 37.00%);

--comp-l2-background: HSL(37 46% 62.20%);
--comp-l2-text: HSL(0 100% 0%);
--comp-l2-border: HSL(37 46% 37.00%);

--comp-l3-background: HSL(37 46% 74.80%);
--comp-l3-text: HSL(0 100% 0%);
--comp-l3-border: HSL(37 46% 37.00%);

--comp-l4-background: HSL(37 46% 87.40%);
--comp-l4-text: HSL(0 100% 0%);
--comp-l4-border: HSL(37 46% 37.00%);

);