@new-ui/colors 1.2.0 → 1.2.1-beta.2

package/dist/themes/dark-warm.css

@@ -1,184 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Mon, 26 Dec 2022 09:03:03 GMT
- */
-
-:root {
-  --white: hsl(0, 0%, 100%);
-  --black: hsl(0, 0%, 0%);
-  --cold10: hsl(206, 16%, 8%);
-  --cold9: hsl(200, 12%, 15%);
-  --cold8: hsl(207, 10%, 23%);
-  --cold7: hsl(207, 7%, 32%);
-  --cold6: hsl(210, 6%, 44%);
-  --cold5: hsl(216, 7%, 56%);
-  --cold4: hsl(210, 8%, 66%);
-  --cold3: hsl(210, 11%, 78%);
-  --cold2: hsl(213, 15%, 88%);
-  --cold1: hsl(220, 30%, 96%);
-  --warm10: hsl(0, 7%, 8%);
-  --warm9: hsl(0, 3%, 15%);
-  --warm8: hsl(0, 3%, 23%);
-  --warm7: hsl(0, 3%, 33%);
-  --warm6: hsl(0, 2%, 44%);
-  --warm5: hsl(0, 2%, 55%);
-  --warm4: hsl(0, 3%, 67%);
-  --warm3: hsl(10, 5%, 78%);
-  --warm2: hsl(10, 10%, 89%);
-  --warm1: hsl(12, 24%, 96%);
-  --grey10: hsl(0, 0%, 9%);
-  --grey9: hsl(0, 0%, 15%);
-  --grey8: hsl(0, 0%, 22%);
-  --grey7: hsl(0, 0%, 32%);
-  --grey6: hsl(0, 0%, 44%);
-  --grey5: hsl(0, 0%, 55%);
-  --grey4: hsl(0, 0%, 66%);
-  --grey3: hsl(0, 0%, 78%);
-  --grey2: hsl(0, 0%, 88%);
-  --grey1: hsl(0, 0%, 96%);
-  --brown8: hsl(35, 27%, 14%);
-  --brown7: hsl(34, 26%, 26%);
-  --brown6: hsl(33, 26%, 38%);
-  --brown5: hsl(34, 27%, 50%);
-  --brown4: hsl(34, 26%, 54%);
-  --brown3: hsl(34, 26%, 74%);
-  --brown2: hsl(35, 27%, 86%);
-  --brown1: hsl(33, 29%, 94%);
-  --pink8: hsl(349, 69%, 16%);
-  --pink7: hsl(349, 71%, 31%);
-  --pink6: hsl(348, 70%, 45%);
-  --pink5: hsl(349, 100%, 59%);
-  --pink4: hsl(349, 100%, 62%);
-  --pink3: hsl(349, 100%, 78%);
-  --pink2: hsl(349, 100%, 89%);
-  --pink1: hsl(348, 100%, 95%);
-  --purple8: hsl(280, 46%, 17%);
-  --purple7: hsl(279, 46%, 31%);
-  --purple6: hsl(280, 46%, 45%);
-  --purple5: hsl(280, 68%, 60%);
-  --purple4: hsl(280, 68%, 63%);
-  --purple3: hsl(279, 68%, 79%);
-  --purple2: hsl(280, 68%, 89%);
-  --purple1: hsl(279, 68%, 95%);
-  --indigo8: hsl(242, 43%, 16%);
-  --indigo7: hsl(241, 43%, 31%);
-  --indigo6: hsl(241, 43%, 45%);
-  --indigo5: hsl(241, 61%, 59%);
-  --indigo4: hsl(241, 61%, 62%);
-  --indigo3: hsl(241, 61%, 79%);
-  --indigo2: hsl(242, 62%, 89%);
-  --indigo1: hsl(244, 62%, 95%);
-  --blue8: hsl(211, 100%, 14%);
-  --blue7: hsl(211, 100%, 26%);
-  --blue6: hsl(211, 100%, 38%);
-  --blue5: hsl(211, 100%, 50%);
-  --blue4: hsl(211, 100%, 54%);
-  --blue3: hsl(211, 100%, 74%);
-  --blue2: hsl(211, 100%, 86%);
-  --blue1: hsl(211, 100%, 94%);
-  --cyan8: hsl(199, 64%, 15%);
-  --cyan7: hsl(199, 64%, 29%);
-  --cyan6: hsl(199, 64%, 42%);
-  --cyan5: hsl(199, 78%, 55%);
-  --cyan4: hsl(199, 78%, 58%);
-  --cyan3: hsl(199, 78%, 76%);
-  --cyan2: hsl(199, 78%, 87%);
-  --cyan1: hsl(199, 79%, 95%);
-  --teal8: hsl(189, 62%, 13%);
-  --teal7: hsl(189, 61%, 25%);
-  --teal6: hsl(189, 61%, 37%);
-  --teal5: hsl(189, 61%, 48%);
-  --teal4: hsl(189, 57%, 52%);
-  --teal3: hsl(189, 58%, 73%);
-  --teal2: hsl(189, 57%, 85%);
-  --teal1: hsl(190, 56%, 94%);
-  --mint8: hsl(178, 100%, 11%);
-  --mint7: hsl(177, 100%, 20%);
-  --mint6: hsl(178, 100%, 30%);
-  --mint5: hsl(177, 100%, 39%);
-  --mint4: hsl(177, 82%, 44%);
-  --mint3: hsl(177, 64%, 68%);
-  --mint2: hsl(178, 63%, 83%);
-  --mint1: hsl(178, 63%, 93%);
-  --green8: hsl(136, 59%, 14%);
-  --green7: hsl(135, 59%, 26%);
-  --green6: hsl(135, 58%, 37%);
-  --green5: hsl(135, 59%, 49%);
-  --green4: hsl(135, 56%, 53%);
-  --green3: hsl(135, 57%, 74%);
-  --green2: hsl(136, 56%, 86%);
-  --green1: hsl(137, 56%, 94%);
-  --yellow8: hsl(48, 100%, 14%);
-  --yellow7: hsl(48, 100%, 26%);
-  --yellow6: hsl(48, 100%, 38%);
-  --yellow5: hsl(48, 100%, 50%);
-  --yellow4: hsl(48, 100%, 54%);
-  --yellow3: hsl(48, 100%, 74%);
-  --yellow2: hsl(48, 100%, 86%);
-  --yellow1: hsl(48, 100%, 94%);
-  --orange8: hsl(35, 100%, 14%);
-  --orange7: hsl(35, 100%, 26%);
-  --orange6: hsl(35, 100%, 38%);
-  --orange5: hsl(35, 100%, 50%);
-  --orange4: hsl(35, 100%, 54%);
-  --orange3: hsl(35, 100%, 74%);
-  --orange2: hsl(35, 100%, 86%);
-  --orange1: hsl(35, 100%, 94%);
-  --red8: hsl(3, 69%, 16%);
-  --red7: hsl(3, 68%, 31%);
-  --red6: hsl(3, 68%, 45%);
-  --red5: hsl(3, 100%, 59%);
-  --red4: hsl(3, 100%, 63%);
-  --red3: hsl(3, 100%, 79%);
-  --red2: hsl(3, 100%, 89%);
-  --red1: hsl(2, 100%, 95%);
-  --text-success: var(--green4);
-  --text-error: var(--red4);
-  --text-on-color: var(--white);
-  --text-placeholder: var(--warm6);
-  --text-secondary: var(--warm5);
-  --text-primary-alt: var(--warm3);
-  --text-primary: var(--warm1);
-  --support-info: var(--blue4);
-  --support-success: var(--green4);
-  --support-warning: var(--yellow4);
-  --support-error: var(--red4);
-  --link-visited: var(--indigo4);
-  --link-subtle: var(--warm1);
-  --link-hover: var(--blue3);
-  --link: var(--blue4);
-  --icon-on-color: var(--white);
-  --icon-disabled: var(--warm8);
-  --icon-secondary: var(--warm4);
-  --icon-primary: var(--warm2);
-  --button-disabled: var(--warm9);
-  --button-danger-active: var(--red3);
-  --button-danger-hover: var(--red3);
-  --button-danger: var(--red4);
-  --button-secondary-active: var(--warm3);
-  --button-secondary-hover: var(--warm2);
-  --button-secondary: var(--warm1);
-  --button-primary-active: var(--blue3);
-  --button-primary-hover: var(--blue3);
-  --button-primary: var(--blue4);
-  --border-strong: var(--warm5);
-  --border: var(--warm7);
-  --border-muted: var(--warm9);
-  --background-brown: var(--brown8);
-  --background-pink: var(--pink8);
-  --background-purple: var(--purple8);
-  --background-indigo: var(--indigo8);
-  --background-blue: var(--blue8);
-  --background-cyan: var(--cyan8);
-  --background-teal: var(--teal8);
-  --background-mint: var(--mint8);
-  --background-green: var(--green8);
-  --background-yellow: var(--yellow8);
-  --background-orange: var(--orange8);
-  --background-red: var(--red8);
-  --background-selected-hover: var(--warm7);
-  --background-selected: var(--warm8);
-  --background-hover: var(--warm9);
-  --background-secondary: var(--warm9);
-  --background: var(--warm10);
-}

package/dist/themes/dark.css

@@ -1,184 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Mon, 26 Dec 2022 09:02:59 GMT
- */
-
-:root {
-  --white: hsl(0, 0%, 100%);
-  --black: hsl(0, 0%, 0%);
-  --cold10: hsl(206, 16%, 8%);
-  --cold9: hsl(200, 12%, 15%);
-  --cold8: hsl(207, 10%, 23%);
-  --cold7: hsl(207, 7%, 32%);
-  --cold6: hsl(210, 6%, 44%);
-  --cold5: hsl(216, 7%, 56%);
-  --cold4: hsl(210, 8%, 66%);
-  --cold3: hsl(210, 11%, 78%);
-  --cold2: hsl(213, 15%, 88%);
-  --cold1: hsl(220, 30%, 96%);
-  --warm10: hsl(0, 7%, 8%);
-  --warm9: hsl(0, 3%, 15%);
-  --warm8: hsl(0, 3%, 23%);
-  --warm7: hsl(0, 3%, 33%);
-  --warm6: hsl(0, 2%, 44%);
-  --warm5: hsl(0, 2%, 55%);
-  --warm4: hsl(0, 3%, 67%);
-  --warm3: hsl(10, 5%, 78%);
-  --warm2: hsl(10, 10%, 89%);
-  --warm1: hsl(12, 24%, 96%);
-  --grey10: hsl(0, 0%, 9%);
-  --grey9: hsl(0, 0%, 15%);
-  --grey8: hsl(0, 0%, 22%);
-  --grey7: hsl(0, 0%, 32%);
-  --grey6: hsl(0, 0%, 44%);
-  --grey5: hsl(0, 0%, 55%);
-  --grey4: hsl(0, 0%, 66%);
-  --grey3: hsl(0, 0%, 78%);
-  --grey2: hsl(0, 0%, 88%);
-  --grey1: hsl(0, 0%, 96%);
-  --brown8: hsl(35, 27%, 14%);
-  --brown7: hsl(34, 26%, 26%);
-  --brown6: hsl(33, 26%, 38%);
-  --brown5: hsl(34, 27%, 50%);
-  --brown4: hsl(34, 26%, 54%);
-  --brown3: hsl(34, 26%, 74%);
-  --brown2: hsl(35, 27%, 86%);
-  --brown1: hsl(33, 29%, 94%);
-  --pink8: hsl(349, 69%, 16%);
-  --pink7: hsl(349, 71%, 31%);
-  --pink6: hsl(348, 70%, 45%);
-  --pink5: hsl(349, 100%, 59%);
-  --pink4: hsl(349, 100%, 62%);
-  --pink3: hsl(349, 100%, 78%);
-  --pink2: hsl(349, 100%, 89%);
-  --pink1: hsl(348, 100%, 95%);
-  --purple8: hsl(280, 46%, 17%);
-  --purple7: hsl(279, 46%, 31%);
-  --purple6: hsl(280, 46%, 45%);
-  --purple5: hsl(280, 68%, 60%);
-  --purple4: hsl(280, 68%, 63%);
-  --purple3: hsl(279, 68%, 79%);
-  --purple2: hsl(280, 68%, 89%);
-  --purple1: hsl(279, 68%, 95%);
-  --indigo8: hsl(242, 43%, 16%);
-  --indigo7: hsl(241, 43%, 31%);
-  --indigo6: hsl(241, 43%, 45%);
-  --indigo5: hsl(241, 61%, 59%);
-  --indigo4: hsl(241, 61%, 62%);
-  --indigo3: hsl(241, 61%, 79%);
-  --indigo2: hsl(242, 62%, 89%);
-  --indigo1: hsl(244, 62%, 95%);
-  --blue8: hsl(211, 100%, 14%);
-  --blue7: hsl(211, 100%, 26%);
-  --blue6: hsl(211, 100%, 38%);
-  --blue5: hsl(211, 100%, 50%);
-  --blue4: hsl(211, 100%, 54%);
-  --blue3: hsl(211, 100%, 74%);
-  --blue2: hsl(211, 100%, 86%);
-  --blue1: hsl(211, 100%, 94%);
-  --cyan8: hsl(199, 64%, 15%);
-  --cyan7: hsl(199, 64%, 29%);
-  --cyan6: hsl(199, 64%, 42%);
-  --cyan5: hsl(199, 78%, 55%);
-  --cyan4: hsl(199, 78%, 58%);
-  --cyan3: hsl(199, 78%, 76%);
-  --cyan2: hsl(199, 78%, 87%);
-  --cyan1: hsl(199, 79%, 95%);
-  --teal8: hsl(189, 62%, 13%);
-  --teal7: hsl(189, 61%, 25%);
-  --teal6: hsl(189, 61%, 37%);
-  --teal5: hsl(189, 61%, 48%);
-  --teal4: hsl(189, 57%, 52%);
-  --teal3: hsl(189, 58%, 73%);
-  --teal2: hsl(189, 57%, 85%);
-  --teal1: hsl(190, 56%, 94%);
-  --mint8: hsl(178, 100%, 11%);
-  --mint7: hsl(177, 100%, 20%);
-  --mint6: hsl(178, 100%, 30%);
-  --mint5: hsl(177, 100%, 39%);
-  --mint4: hsl(177, 82%, 44%);
-  --mint3: hsl(177, 64%, 68%);
-  --mint2: hsl(178, 63%, 83%);
-  --mint1: hsl(178, 63%, 93%);
-  --green8: hsl(136, 59%, 14%);
-  --green7: hsl(135, 59%, 26%);
-  --green6: hsl(135, 58%, 37%);
-  --green5: hsl(135, 59%, 49%);
-  --green4: hsl(135, 56%, 53%);
-  --green3: hsl(135, 57%, 74%);
-  --green2: hsl(136, 56%, 86%);
-  --green1: hsl(137, 56%, 94%);
-  --yellow8: hsl(48, 100%, 14%);
-  --yellow7: hsl(48, 100%, 26%);
-  --yellow6: hsl(48, 100%, 38%);
-  --yellow5: hsl(48, 100%, 50%);
-  --yellow4: hsl(48, 100%, 54%);
-  --yellow3: hsl(48, 100%, 74%);
-  --yellow2: hsl(48, 100%, 86%);
-  --yellow1: hsl(48, 100%, 94%);
-  --orange8: hsl(35, 100%, 14%);
-  --orange7: hsl(35, 100%, 26%);
-  --orange6: hsl(35, 100%, 38%);
-  --orange5: hsl(35, 100%, 50%);
-  --orange4: hsl(35, 100%, 54%);
-  --orange3: hsl(35, 100%, 74%);
-  --orange2: hsl(35, 100%, 86%);
-  --orange1: hsl(35, 100%, 94%);
-  --red8: hsl(3, 69%, 16%);
-  --red7: hsl(3, 68%, 31%);
-  --red6: hsl(3, 68%, 45%);
-  --red5: hsl(3, 100%, 59%);
-  --red4: hsl(3, 100%, 63%);
-  --red3: hsl(3, 100%, 79%);
-  --red2: hsl(3, 100%, 89%);
-  --red1: hsl(2, 100%, 95%);
-  --text-success: var(--green4);
-  --text-error: var(--red4);
-  --text-on-color: var(--white);
-  --text-placeholder: var(--grey6);
-  --text-secondary: var(--grey5);
-  --text-primary-alt: var(--grey3);
-  --text-primary: var(--grey1);
-  --support-info: var(--blue4);
-  --support-success: var(--green4);
-  --support-warning: var(--yellow4);
-  --support-error: var(--red4);
-  --link-visited: var(--indigo4);
-  --link-subtle: var(--grey1);
-  --link-hover: var(--blue3);
-  --link: var(--blue4);
-  --icon-on-color: var(--white);
-  --icon-disabled: var(--grey8);
-  --icon-secondary: var(--grey4);
-  --icon-primary: var(--grey2);
-  --button-disabled: var(--grey9);
-  --button-danger-active: var(--red3);
-  --button-danger-hover: var(--red3);
-  --button-danger: var(--red4);
-  --button-secondary-active: var(--grey3);
-  --button-secondary-hover: var(--grey2);
-  --button-secondary: var(--grey1);
-  --button-primary-active: var(--blue3);
-  --button-primary-hover: var(--blue3);
-  --button-primary: var(--blue4);
-  --border-strong: var(--grey5);
-  --border: var(--grey7);
-  --border-muted: var(--grey9);
-  --background-brown: var(--brown8);
-  --background-pink: var(--pink8);
-  --background-purple: var(--purple8);
-  --background-indigo: var(--indigo8);
-  --background-blue: var(--blue8);
-  --background-cyan: var(--cyan8);
-  --background-teal: var(--teal8);
-  --background-mint: var(--mint8);
-  --background-green: var(--green8);
-  --background-yellow: var(--yellow8);
-  --background-orange: var(--orange8);
-  --background-red: var(--red8);
-  --background-selected-hover: var(--grey7);
-  --background-selected: var(--grey8);
-  --background-hover: var(--grey9);
-  --background-secondary: var(--grey9);
-  --background: var(--grey10);
-}

package/dist/themes/light-cold.css

@@ -1,184 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Mon, 26 Dec 2022 09:02:55 GMT
- */
-
-:root {
-  --white: hsl(0, 0%, 100%);
-  --black: hsl(0, 0%, 0%);
-  --cold10: hsl(206, 16%, 8%);
-  --cold9: hsl(200, 12%, 15%);
-  --cold8: hsl(207, 10%, 23%);
-  --cold7: hsl(207, 7%, 32%);
-  --cold6: hsl(210, 6%, 44%);
-  --cold5: hsl(216, 7%, 56%);
-  --cold4: hsl(210, 8%, 66%);
-  --cold3: hsl(210, 11%, 78%);
-  --cold2: hsl(213, 15%, 88%);
-  --cold1: hsl(220, 30%, 96%);
-  --warm10: hsl(0, 7%, 8%);
-  --warm9: hsl(0, 3%, 15%);
-  --warm8: hsl(0, 3%, 23%);
-  --warm7: hsl(0, 3%, 33%);
-  --warm6: hsl(0, 2%, 44%);
-  --warm5: hsl(0, 2%, 55%);
-  --warm4: hsl(0, 3%, 67%);
-  --warm3: hsl(10, 5%, 78%);
-  --warm2: hsl(10, 10%, 89%);
-  --warm1: hsl(12, 24%, 96%);
-  --grey10: hsl(0, 0%, 9%);
-  --grey9: hsl(0, 0%, 15%);
-  --grey8: hsl(0, 0%, 22%);
-  --grey7: hsl(0, 0%, 32%);
-  --grey6: hsl(0, 0%, 44%);
-  --grey5: hsl(0, 0%, 55%);
-  --grey4: hsl(0, 0%, 66%);
-  --grey3: hsl(0, 0%, 78%);
-  --grey2: hsl(0, 0%, 88%);
-  --grey1: hsl(0, 0%, 96%);
-  --brown8: hsl(35, 27%, 14%);
-  --brown7: hsl(34, 26%, 26%);
-  --brown6: hsl(33, 26%, 38%);
-  --brown5: hsl(34, 27%, 50%);
-  --brown4: hsl(34, 26%, 54%);
-  --brown3: hsl(34, 26%, 74%);
-  --brown2: hsl(35, 27%, 86%);
-  --brown1: hsl(33, 29%, 94%);
-  --pink8: hsl(349, 69%, 16%);
-  --pink7: hsl(349, 71%, 31%);
-  --pink6: hsl(348, 70%, 45%);
-  --pink5: hsl(349, 100%, 59%);
-  --pink4: hsl(349, 100%, 62%);
-  --pink3: hsl(349, 100%, 78%);
-  --pink2: hsl(349, 100%, 89%);
-  --pink1: hsl(348, 100%, 95%);
-  --purple8: hsl(280, 46%, 17%);
-  --purple7: hsl(279, 46%, 31%);
-  --purple6: hsl(280, 46%, 45%);
-  --purple5: hsl(280, 68%, 60%);
-  --purple4: hsl(280, 68%, 63%);
-  --purple3: hsl(279, 68%, 79%);
-  --purple2: hsl(280, 68%, 89%);
-  --purple1: hsl(279, 68%, 95%);
-  --indigo8: hsl(242, 43%, 16%);
-  --indigo7: hsl(241, 43%, 31%);
-  --indigo6: hsl(241, 43%, 45%);
-  --indigo5: hsl(241, 61%, 59%);
-  --indigo4: hsl(241, 61%, 62%);
-  --indigo3: hsl(241, 61%, 79%);
-  --indigo2: hsl(242, 62%, 89%);
-  --indigo1: hsl(244, 62%, 95%);
-  --blue8: hsl(211, 100%, 14%);
-  --blue7: hsl(211, 100%, 26%);
-  --blue6: hsl(211, 100%, 38%);
-  --blue5: hsl(211, 100%, 50%);
-  --blue4: hsl(211, 100%, 54%);
-  --blue3: hsl(211, 100%, 74%);
-  --blue2: hsl(211, 100%, 86%);
-  --blue1: hsl(211, 100%, 94%);
-  --cyan8: hsl(199, 64%, 15%);
-  --cyan7: hsl(199, 64%, 29%);
-  --cyan6: hsl(199, 64%, 42%);
-  --cyan5: hsl(199, 78%, 55%);
-  --cyan4: hsl(199, 78%, 58%);
-  --cyan3: hsl(199, 78%, 76%);
-  --cyan2: hsl(199, 78%, 87%);
-  --cyan1: hsl(199, 79%, 95%);
-  --teal8: hsl(189, 62%, 13%);
-  --teal7: hsl(189, 61%, 25%);
-  --teal6: hsl(189, 61%, 37%);
-  --teal5: hsl(189, 61%, 48%);
-  --teal4: hsl(189, 57%, 52%);
-  --teal3: hsl(189, 58%, 73%);
-  --teal2: hsl(189, 57%, 85%);
-  --teal1: hsl(190, 56%, 94%);
-  --mint8: hsl(178, 100%, 11%);
-  --mint7: hsl(177, 100%, 20%);
-  --mint6: hsl(178, 100%, 30%);
-  --mint5: hsl(177, 100%, 39%);
-  --mint4: hsl(177, 82%, 44%);
-  --mint3: hsl(177, 64%, 68%);
-  --mint2: hsl(178, 63%, 83%);
-  --mint1: hsl(178, 63%, 93%);
-  --green8: hsl(136, 59%, 14%);
-  --green7: hsl(135, 59%, 26%);
-  --green6: hsl(135, 58%, 37%);
-  --green5: hsl(135, 59%, 49%);
-  --green4: hsl(135, 56%, 53%);
-  --green3: hsl(135, 57%, 74%);
-  --green2: hsl(136, 56%, 86%);
-  --green1: hsl(137, 56%, 94%);
-  --yellow8: hsl(48, 100%, 14%);
-  --yellow7: hsl(48, 100%, 26%);
-  --yellow6: hsl(48, 100%, 38%);
-  --yellow5: hsl(48, 100%, 50%);
-  --yellow4: hsl(48, 100%, 54%);
-  --yellow3: hsl(48, 100%, 74%);
-  --yellow2: hsl(48, 100%, 86%);
-  --yellow1: hsl(48, 100%, 94%);
-  --orange8: hsl(35, 100%, 14%);
-  --orange7: hsl(35, 100%, 26%);
-  --orange6: hsl(35, 100%, 38%);
-  --orange5: hsl(35, 100%, 50%);
-  --orange4: hsl(35, 100%, 54%);
-  --orange3: hsl(35, 100%, 74%);
-  --orange2: hsl(35, 100%, 86%);
-  --orange1: hsl(35, 100%, 94%);
-  --red8: hsl(3, 69%, 16%);
-  --red7: hsl(3, 68%, 31%);
-  --red6: hsl(3, 68%, 45%);
-  --red5: hsl(3, 100%, 59%);
-  --red4: hsl(3, 100%, 63%);
-  --red3: hsl(3, 100%, 79%);
-  --red2: hsl(3, 100%, 89%);
-  --red1: hsl(2, 100%, 95%);
-  --text-success: var(--green6);
-  --text-error: var(--red6);
-  --text-on-color: var(--white);
-  --text-placeholder: var(--cold4);
-  --text-secondary: var(--cold7);
-  --text-primary-alt: var(--cold8);
-  --text-primary: var(--cold10);
-  --support-info: var(--blue5);
-  --support-success: var(--green5);
-  --support-warning: var(--yellow5);
-  --support-error: var(--red5);
-  --link-visited: var(--indigo5);
-  --link-subtle: var(--cold8);
-  --link-hover: var(--blue6);
-  --link: var(--blue5);
-  --icon-on-color: var(--white);
-  --icon-disabled: var(--cold4);
-  --icon-secondary: var(--cold7);
-  --icon-primary: var(--cold9);
-  --button-disabled: var(--cold4);
-  --button-danger-active: var(--red7);
-  --button-danger-hover: var(--red6);
-  --button-danger: var(--red5);
-  --button-secondary-active: var(--cold6);
-  --button-secondary-hover: var(--cold7);
-  --button-secondary: var(--cold8);
-  --button-primary-active: var(--blue7);
-  --button-primary-hover: var(--blue6);
-  --button-primary: var(--blue5);
-  --border-strong: var(--cold6);
-  --border: var(--cold4);
-  --border-muted: var(--cold2);
-  --background-brown: var(--brown1);
-  --background-pink: var(--pink1);
-  --background-purple: var(--purple1);
-  --background-indigo: var(--indigo1);
-  --background-blue: var(--blue1);
-  --background-cyan: var(--cyan1);
-  --background-teal: var(--teal1);
-  --background-mint: var(--mint1);
-  --background-green: var(--green1);
-  --background-yellow: var(--yellow1);
-  --background-orange: var(--orange1);
-  --background-red: var(--red1);
-  --background-selected-hover: var(--cold3);
-  --background-selected: var(--cold2);
-  --background-hover: var(--cold1);
-  --background-secondary: var(--cold1);
-  --background: var(--white);
-}