@jaredpdesigns/pasta/colors.css

Pasta provides a great starting place for web projects. It combines light styling for common web elements, yummy!

@layer props{:root{color-scheme:light dark;--color__set--base:hsl(218deg 24% 24%);--color__set--highlight:var(--color__define--basil);--color__set--contrast:white;--color__define--base:var(--color__set--base);--color__define--basil:hsl(158deg 32% 38%);--color__define--tomato:hsl(0deg 56% 56%);--color__define--eggplant:hsl(260deg 38% 60%);--color__define--cobalt:hsl(196deg 64% 50%);--color__define--saffron:hsl(48deg 90% 38%);--color__define--valencia:hsl(22deg 64% 50%);--color__define--rose:hsl(320deg 64% 50%);--color__define--contrast:var(--color__set--contrast);--color__define--contrast-mix:black 64%;--color__define--contrast--extra:color-mix(in oklab,var(--color__define--base),var(--color__define--contrast-mix));--color__define--highlight:var(--color__set--highlight);--color__base:var(--color__define--base);--color__base--ish:color-mix(in oklab,var(--color__define--base) 75%,var(--color__contrast));--color__base--mid:color-mix(in oklab,var(--color__define--base) 62.5%,var(--color__contrast));--color__base--semi:color-mix(in oklab,var(--color__define--base) 25%,var(--color__contrast));--color__base--light:color-mix(in oklab,var(--color__define--base) 12.5%,var(--color__contrast));--color__base--ghost:color-mix(in oklab,var(--color__define--base) 4%,var(--color__contrast));--color__contrast:var(--color__define--contrast);--color__contrast--adaptive:var(--color__define--contrast);--color__contrast--fixed:var(--color__set--contrast);--color__contrast--extra:var(--color__define--contrast--extra);--color__highlight:var(--color__define--highlight);--color__highlight--ish:color-mix(in oklab,var(--color__define--highlight) 75%,var(--color__contrast));--color__highlight--mid:color-mix(in oklab,var(--color__define--highlight) 62.5%,var(--color__contrast));--color__highlight--semi:color-mix(in oklab,var(--color__define--highlight) 25%,var(--color__contrast));--color__highlight--light:color-mix(in oklab,var(--color__define--highlight) 12.5%,var(--color__contrast));--color__highlight--ghost:color-mix(in oklab,var(--color__define--highlight) 4%,var(--color__contrast));--color__highlight--contrast:color-mix(in oklab,var(--color__define--highlight),var(--color__define--contrast-mix));--color__basil:var(--color__define--basil);--color__basil--ish:color-mix(in oklab,var(--color__define--basil) 75%,var(--color__contrast));--color__basil--mid:color-mix(in oklab,var(--color__define--basil) 62.5%,var(--color__contrast));--color__basil--semi:color-mix(in oklab,var(--color__define--basil) 25%,var(--color__contrast));--color__basil--light:color-mix(in oklab,var(--color__define--basil) 12.5%,var(--color__contrast));--color__basil--ghost:color-mix(in oklab,var(--color__define--basil) 4%,var(--color__contrast));--color__basil--contrast:color-mix(in oklab,var(--color__define--basil),var(--color__define--contrast-mix));--color__tomato:var(--color__define--tomato);--color__tomato--ish:color-mix(in oklab,var(--color__define--tomato) 75%,var(--color__contrast));--color__tomato--mid:color-mix(in oklab,var(--color__define--tomato) 62.5%,var(--color__contrast));--color__tomato--semi:color-mix(in oklab,var(--color__define--tomato) 25%,var(--color__contrast));--color__tomato--light:color-mix(in oklab,var(--color__define--tomato) 12.5%,var(--color__contrast));--color__tomato--ghost:color-mix(in oklab,var(--color__define--tomato) 4%,var(--color__contrast));--color__tomato--contrast:color-mix(in oklab,var(--color__define--tomato),var(--color__define--contrast-mix));--color__eggplant:var(--color__define--eggplant);--color__eggplant--ish:color-mix(in oklab,var(--color__define--eggplant) 75%,var(--color__contrast));--color__eggplant--mid:color-mix(in oklab,var(--color__define--eggplant) 62.5%,var(--color__contrast));--color__eggplant--semi:color-mix(in oklab,var(--color__define--eggplant) 25%,var(--color__contrast));--color__eggplant--light:color-mix(in oklab,var(--color__define--eggplant) 12.5%,var(--color__contrast));--color__eggplant--ghost:color-mix(in oklab,var(--color__define--eggplant) 4%,var(--color__contrast));--color__eggplant--contrast:color-mix(in oklab,var(--color__define--eggplant),var(--color__define--contrast-mix));--color__cobalt:var(--color__define--cobalt);--color__cobalt--ish:color-mix(in oklab,var(--color__define--cobalt) 75%,var(--color__contrast));--color__cobalt--mid:color-mix(in oklab,var(--color__define--cobalt) 62.5%,var(--color__contrast));--color__cobalt--semi:color-mix(in oklab,var(--color__define--cobalt) 25%,var(--color__contrast));--color__cobalt--light:color-mix(in oklab,var(--color__define--cobalt) 12.5%,var(--color__contrast));--color__cobalt--ghost:color-mix(in oklab,var(--color__define--cobalt) 4%,var(--color__contrast));--color__cobalt--contrast:color-mix(in oklab,var(--color__define--cobalt),var(--color__define--contrast-mix));--color__saffron:var(--color__define--saffron);--color__saffron--ish:color-mix(in oklab,var(--color__define--saffron) 75%,var(--color__contrast));--color__saffron--mid:color-mix(in oklab,var(--color__define--saffron) 62.5%,var(--color__contrast));--color__saffron--semi:color-mix(in oklab,var(--color__define--saffron) 25%,var(--color__contrast));--color__saffron--light:color-mix(in oklab,var(--color__define--saffron) 12.5%,var(--color__contrast));--color__saffron--ghost:color-mix(in oklab,var(--color__define--saffron) 4%,var(--color__contrast));--color__saffron--contrast:color-mix(in oklab,var(--color__define--saffron),var(--color__define--contrast-mix));--color__valencia:var(--color__define--valencia);--color__valencia--ish:color-mix(in oklab,var(--color__define--valencia) 75%,var(--color__contrast));--color__valencia--mid:color-mix(in oklab,var(--color__define--valencia) 62.5%,var(--color__contrast));--color__valencia--semi:color-mix(in oklab,var(--color__define--valencia) 25%,var(--color__contrast));--color__valencia--light:color-mix(in oklab,var(--color__define--valencia) 12.5%,var(--color__contrast));--color__valencia--ghost:color-mix(in oklab,var(--color__define--valencia) 4%,var(--color__contrast));--color__valencia--contrast:color-mix(in oklab,var(--color__define--valencia),var(--color__define--contrast-mix));--color__rose:var(--color__define--rose);--color__rose--ish:color-mix(in oklab,var(--color__define--rose) 75%,var(--color__contrast));--color__rose--mid:color-mix(in oklab,var(--color__define--rose) 62.5%,var(--color__contrast));--color__rose--semi:color-mix(in oklab,var(--color__define--rose) 25%,var(--color__contrast));--color__rose--light:color-mix(in oklab,var(--color__define--rose) 12.5%,var(--color__contrast));--color__rose--ghost:color-mix(in oklab,var(--color__define--rose) 4%,var(--color__contrast));--color__rose--contrast:color-mix(in oklab,var(--color__define--rose),var(--color__define--contrast-mix))}:root[data-theme="light"],:root [data-theme="light"]{color-scheme:light;--color__define--base:var(--color__set--base);--color__define--contrast:white;--color__define--contrast-mix:black 64%;--color__define--contrast--extra:color-mix(in oklab,var(--color__define--base),var(--color__define--contrast-mix));--color__base:var(--color__define--base);--color__base--ish:color-mix(in oklab,var(--color__define--base) 75%,var(--color__contrast));--color__base--mid:color-mix(in oklab,var(--color__define--base) 62.5%,var(--color__contrast));--color__base--semi:color-mix(in oklab,var(--color__define--base) 25%,var(--color__contrast));--color__base--light:color-mix(in oklab,var(--color__define--base) 12.5%,var(--color__contrast));--color__base--ghost:color-mix(in oklab,var(--color__define--base) 4%,var(--color__contrast));--color__contrast:var(--color__define--contrast);--color__contrast--adaptive:var(--color__define--contrast);--color__contrast--extra:var(--color__define--contrast--extra);--color__highlight:var(--color__define--highlight);--color__highlight--ish:color-mix(in oklab,var(--color__define--highlight) 75%,var(--color__contrast));--color__highlight--mid:color-mix(in oklab,var(--color__define--highlight) 62.5%,var(--color__contrast));--color__highlight--semi:color-mix(in oklab,var(--color__define--highlight) 25%,var(--color__contrast));--color__highlight--light:color-mix(in oklab,var(--color__define--highlight) 12.5%,var(--color__contrast));--color__highlight--ghost:color-mix(in oklab,var(--color__define--highlight) 4%,var(--color__contrast));--color__highlight--contrast:color-mix(in oklab,var(--color__define--highlight),var(--color__define--contrast-mix));--color__basil:var(--color__define--basil);--color__basil--ish:color-mix(in oklab,var(--color__define--basil) 75%,var(--color__contrast));--color__basil--mid:color-mix(in oklab,var(--color__define--basil) 62.5%,var(--color__contrast));--color__basil--semi:color-mix(in oklab,var(--color__define--basil) 25%,var(--color__contrast));--color__basil--light:color-mix(in oklab,var(--color__define--basil) 12.5%,var(--color__contrast));--color__basil--ghost:color-mix(in oklab,var(--color__define--basil) 4%,var(--color__contrast));--color__basil--contrast:color-mix(in oklab,var(--color__define--basil),var(--color__define--contrast-mix));--color__tomato:var(--color__define--tomato);--color__tomato--ish:color-mix(in oklab,var(--color__define--tomato) 75%,var(--color__contrast));--color__tomato--mid:color-mix(in oklab,var(--color__define--tomato) 62.5%,var(--color__contrast));--color__tomato--semi:color-mix(in oklab,var(--color__define--tomato) 25%,var(--color__contrast));--color__tomato--light:color-mix(in oklab,var(--color__define--tomato) 12.5%,var(--color__contrast));--color__tomato--ghost:color-mix(in oklab,var(--color__define--tomato) 4%,var(--color__contrast));--color__tomato--contrast:color-mix(in oklab,var(--color__define--tomato),var(--color__define--contrast-mix));--color__eggplant:var(--color__define--eggplant);--color__eggplant--ish:color-mix(in oklab,var(--color__define--eggplant) 75%,var(--color__contrast));--color__eggplant--mid:color-mix(in oklab,var(--color__define--eggplant) 62.5%,var(--color__contrast));--color__eggplant--semi:color-mix(in oklab,var(--color__define--eggplant) 25%,var(--color__contrast));--color__eggplant--light:color-mix(in oklab,var(--color__define--eggplant) 12.5%,var(--color__contrast));--color__eggplant--ghost:color-mix(in oklab,var(--color__define--eggplant) 4%,var(--color__contrast));--color__eggplant--contrast:color-mix(in oklab,var(--color__define--eggplant),var(--color__define--contrast-mix));--color__cobalt:var(--color__define--cobalt);--color__cobalt--ish:color-mix(in oklab,var(--color__define--cobalt) 75%,var(--color__contrast));--color__cobalt--mid:color-mix(in oklab,var(--color__define--cobalt) 62.5%,var(--color__contrast));--color__cobalt--semi:color-mix(in oklab,var(--color__define--cobalt) 25%,var(--color__contrast));--color__cobalt--light:color-mix(in oklab,var(--color__define--cobalt) 12.5%,var(--color__contrast));--color__cobalt--ghost:color-mix(in oklab,var(--color__define--cobalt) 4%,var(--color__contrast));--color__cobalt--contrast:color-mix(in oklab,var(--color__define--cobalt),var(--color__define--contrast-mix));--color__saffron:var(--color__define--saffron);--color__saffron--ish:color-mix(in oklab,var(--color__define--saffron) 75%,var(--color__contrast));--color__saffron--mid:color-mix(in oklab,var(--color__define--saffron) 62.5%,var(--color__contrast));--color__saffron--semi:color-mix(in oklab,var(--color__define--saffron) 25%,var(--color__contrast));--color__saffron--light:color-mix(in oklab,var(--color__define--saffron) 12.5%,var(--color__contrast));--color__saffron--ghost:color-mix(in oklab,var(--color__define--saffron) 4%,var(--color__contrast));--color__saffron--contrast:color-mix(in oklab,var(--color__define--saffron),var(--color__define--contrast-mix));--color__valencia:var(--color__define--valencia);--color__valencia--ish:color-mix(in oklab,var(--color__define--valencia) 75%,var(--color__contrast));--color__valencia--mid:color-mix(in oklab,var(--color__define--valencia) 62.5%,var(--color__contrast));--color__valencia--semi:color-mix(in oklab,var(--color__define--valencia) 25%,var(--color__contrast));--color__valencia--light:color-mix(in oklab,var(--color__define--valencia) 12.5%,var(--color__contrast));--color__valencia--ghost:color-mix(in oklab,var(--color__define--valencia) 4%,var(--color__contrast));--color__valencia--contrast:color-mix(in oklab,var(--color__define--valencia),var(--color__define--contrast-mix));--color__rose:var(--color__define--rose);--color__rose--ish:color-mix(in oklab,var(--color__define--rose) 75%,var(--color__contrast));--color__rose--mid:color-mix(in oklab,var(--color__define--rose) 62.5%,var(--color__contrast));--color__rose--semi:color-mix(in oklab,var(--color__define--rose) 25%,var(--color__contrast));--color__rose--light:color-mix(in oklab,var(--color__define--rose) 12.5%,var(--color__contrast));--color__rose--ghost:color-mix(in oklab,var(--color__define--rose) 4%,var(--color__contrast));--color__rose--contrast:color-mix(in oklab,var(--color__define--rose),var(--color__define--contrast-mix))}@media screen and (prefers-color-scheme:dark){:root{--color__define--base:hsl(from var(--color__set--base) h s calc(l * 3.75));--color__define--contrast-mix:white 64%;--color__define--contrast:color-mix(in oklab,hsl(from var(--color__set--base) h calc(s * 0.64) l),black 42%);--color__define--contrast--extra:color-mix(in oklab,hsl(from var(--color__set--base) h calc(s * 0.64) l),black 56%);--color__contrast--adaptive:var(--color__define--contrast--extra)}}:root[data-theme="dark"],:root [data-theme="dark"]{color-scheme:dark;--color__define--base:hsl(from var(--color__set--base) h s calc(l * 3.75));--color__define--contrast-mix:white 64%;--color__define--contrast:color-mix(in oklab,hsl(from var(--color__set--base) h calc(s * 0.64) l),black 42%);--color__define--contrast--extra:color-mix(in oklab,hsl(from var(--color__set--base) h calc(s * 0.64) l),black 56%);--color__base:var(--color__define--base);--color__base--ish:color-mix(in oklab,var(--color__define--base) 75%,var(--color__contrast));--color__base--mid:color-mix(in oklab,var(--color__define--base) 62.5%,var(--color__contrast));--color__base--semi:color-mix(in oklab,var(--color__define--base) 25%,var(--color__contrast));--color__base--light:color-mix(in oklab,var(--color__define--base) 12.5%,var(--color__contrast));--color__base--ghost:color-mix(in oklab,var(--color__define--base) 4%,var(--color__contrast));--color__contrast--adaptive:var(--color__define--contrast--extra);--color__contrast:var(--color__define--contrast);--color__contrast--extra:var(--color__define--contrast--extra);--color__highlight:var(--color__define--highlight);--color__highlight--ish:color-mix(in oklab,var(--color__define--highlight) 75%,var(--color__contrast));--color__highlight--mid:color-mix(in oklab,var(--color__define--highlight) 62.5%,var(--color__contrast));--color__highlight--semi:color-mix(in oklab,var(--color__define--highlight) 25%,var(--color__contrast));--color__highlight--light:color-mix(in oklab,var(--color__define--highlight) 12.5%,var(--color__contrast));--color__highlight--ghost:color-mix(in oklab,var(--color__define--highlight) 4%,var(--color__contrast));--color__highlight--contrast:color-mix(in oklab,var(--color__define--highlight),var(--color__define--contrast-mix));--color__basil:var(--color__define--basil);--color__basil--ish:color-mix(in oklab,var(--color__define--basil) 75%,var(--color__contrast));--color__basil--mid:color-mix(in oklab,var(--color__define--basil) 62.5%,var(--color__contrast));--color__basil--semi:color-mix(in oklab,var(--color__define--basil) 25%,var(--color__contrast));--color__basil--light:color-mix(in oklab,var(--color__define--basil) 12.5%,var(--color__contrast));--color__basil--ghost:color-mix(in oklab,var(--color__define--basil) 4%,var(--color__contrast));--color__basil--contrast:color-mix(in oklab,var(--color__define--basil),var(--color__define--contrast-mix));--color__tomato:var(--color__define--tomato);--color__tomato--ish:color-mix(in oklab,var(--color__define--tomato) 75%,var(--color__contrast));--color__tomato--mid:color-mix(in oklab,var(--color__define--tomato) 62.5%,var(--color__contrast));--color__tomato--semi:color-mix(in oklab,var(--color__define--tomato) 25%,var(--color__contrast));--color__tomato--light:color-mix(in oklab,var(--color__define--tomato) 12.5%,var(--color__contrast));--color__tomato--ghost:color-mix(in oklab,var(--color__define--tomato) 4%,var(--color__contrast));--color__tomato--contrast:color-mix(in oklab,var(--color__define--tomato),var(--color__define--contrast-mix));--color__eggplant:var(--color__define--eggplant);--color__eggplant--ish:color-mix(in oklab,var(--color__define--eggplant) 75%,var(--color__contrast));--color__eggplant--mid:color-mix(in oklab,var(--color__define--eggplant) 62.5%,var(--color__contrast));--color__eggplant--semi:color-mix(in oklab,var(--color__define--eggplant) 25%,var(--color__contrast));--color__eggplant--light:color-mix(in oklab,var(--color__define--eggplant) 12.5%,var(--color__contrast));--color__eggplant--ghost:color-mix(in oklab,var(--color__define--eggplant) 4%,var(--color__contrast));--color__eggplant--contrast:color-mix(in oklab,var(--color__define--eggplant),var(--color__define--contrast-mix));--color__cobalt:var(--color__define--cobalt);--color__cobalt--ish:color-mix(in oklab,var(--color__define--cobalt) 75%,var(--color__contrast));--color__cobalt--mid:color-mix(in oklab,var(--color__define--cobalt) 62.5%,var(--color__contrast));--color__cobalt--semi:color-mix(in oklab,var(--color__define--cobalt) 25%,var(--color__contrast));--color__cobalt--light:color-mix(in oklab,var(--color__define--cobalt) 12.5%,var(--color__contrast));--color__cobalt--ghost:color-mix(in oklab,var(--color__define--cobalt) 4%,var(--color__contrast));--color__cobalt--contrast:color-mix(in oklab,var(--color__define--cobalt),var(--color__define--contrast-mix));--color__saffron:var(--color__define--saffron);--color__saffron--ish:color-mix(in oklab,var(--color__define--saffron) 75%,var(--color__contrast));--color__saffron--mid:color-mix(in oklab,var(--color__define--saffron) 62.5%,var(--color__contrast));--color__saffron--semi:color-mix(in oklab,var(--color__define--saffron) 25%,var(--color__contrast));--color__saffron--light:color-mix(in oklab,var(--color__define--saffron) 12.5%,var(--color__contrast));--color__saffron--ghost:color-mix(in oklab,var(--color__define--saffron) 4%,var(--color__contrast));--color__saffron--contrast:color-mix(in oklab,var(--color__define--saffron),var(--color__define--contrast-mix));--color__valencia:var(--color__define--valencia);--color__valencia--ish:color-mix(in oklab,var(--color__define--valencia) 75%,var(--color__contrast));--color__valencia--mid:color-mix(in oklab,var(--color__define--valencia) 62.5%,var(--color__contrast));--color__valencia--semi:color-mix(in oklab,var(--color__define--valencia) 25%,var(--color__contrast));--color__valencia--light:color-mix(in oklab,var(--color__define--valencia) 12.5%,var(--color__contrast));--color__valencia--ghost:color-mix(in oklab,var(--color__define--valencia) 4%,var(--color__contrast));--color__valencia--contrast:color-mix(in oklab,var(--color__define--valencia),var(--color__define--contrast-mix));--color__rose:var(--color__define--rose);--color__rose--ish:color-mix(in oklab,var(--color__define--rose) 75%,var(--color__contrast));--color__rose--mid:color-mix(in oklab,var(--color__define--rose) 62.5%,var(--color__contrast));--color__rose--semi:color-mix(in oklab,var(--color__define--rose) 25%,var(--color__contrast));--color__rose--light:color-mix(in oklab,var(--color__define--rose) 12.5%,var(--color__contrast));--color__rose--ghost:color-mix(in oklab,var(--color__define--rose) 4%,var(--color__contrast));--color__rose--contrast:color-mix(in oklab,var(--color__define--rose),var(--color__define--contrast-mix))}}@layer helpers{.color__bg--base{background-color:var(--color__base)}.color__bg--base--ish{background-color:var(--color__base--ish)}.color__bg--base--mid{background-color:var(--color__base--mid)}.color__bg--base--semi{background-color:var(--color__base--semi)}.color__bg--base--light{background-color:var(--color__base--light)}.color__bg--base--ghost{background-color:var(--color__base--ghost)}.color__bg--highlight{background-color:var(--color__highlight)}.color__bg--highlight--ish{background-color:var(--color__highlight--ish)}.color__bg--highlight--mid{background-color:var(--color__highlight--mid)}.color__bg--highlight--semi{background-color:var(--color__highlight--semi)}.color__bg--highlight--light{background-color:var(--color__highlight--light)}.color__bg--highlight--ghost{background-color:var(--color__highlight--ghost)}.color__bg--highlight--contrast{background-color:var(--color__highlight--contrast)}.color__bg--contrast{background-color:var(--color__contrast)}.color__bg--contrast--adaptive{background-color:var(--color__contrast--adaptive)}.color__bg--contrast--extra{background-color:var(--color__contrast--extra)}.color__bg--contrast--fixed{background-color:var(--color__contrast--fixed)}.color__bg--basil{background-color:var(--color__basil)}.color__bg--basil--ish{background-color:var(--color__basil--ish)}.color__bg--basil--mid{background-color:var(--color__basil--mid)}.color__bg--basil--semi{background-color:var(--color__basil--semi)}.color__bg--basil--light{background-color:var(--color__basil--light)}.color__bg--basil--ghost{background-color:var(--color__basil--ghost)}.color__bg--basil--contrast{background-color:var(--color__basil--contrast)}.color__bg--tomato{background-color:var(--color__tomato)}.color__bg--tomato--ish{background-color:var(--color__tomato--ish)}.color__bg--tomato--mid{background-color:var(--color__tomato--mid)}.color__bg--tomato--semi{background-color:var(--color__tomato--semi)}.color__bg--tomato--light{background-color:var(--color__tomato--light)}.color__bg--tomato--ghost{background-color:var(--color__tomato--ghost)}.color__bg--tomato--contrast{background-color:var(--color__tomato--contrast)}.color__bg--eggplant{background-color:var(--color__eggplant)}.color__bg--eggplant--ish{background-color:var(--color__eggplant--ish)}.color__bg--eggplant--mid{background-color:var(--color__eggplant--mid)}.color__bg--eggplant--semi{background-color:var(--color__eggplant--semi)}.color__bg--eggplant--light{background-color:var(--color__eggplant--light)}.color__bg--eggplant--ghost{background-color:var(--color__eggplant--ghost)}.color__bg--eggplant--contrast{background-color:var(--color__eggplant--contrast)}.color__bg--cobalt{background-color:var(--color__cobalt)}.color__bg--cobalt--ish{background-color:var(--color__cobalt--ish)}.color__bg--cobalt--mid{background-color:var(--color__cobalt--mid)}.color__bg--cobalt--semi{background-color:var(--color__cobalt--semi)}.color__bg--cobalt--light{background-color:var(--color__cobalt--light)}.color__bg--cobalt--ghost{background-color:var(--color__cobalt--ghost)}.color__bg--cobalt--contrast{background-color:var(--color__cobalt--contrast)}.color__bg--saffron{background-color:var(--color__saffron)}.color__bg--saffron--ish{background-color:var(--color__saffron--ish)}.color__bg--saffron--mid{background-color:var(--color__saffron--mid)}.color__bg--saffron--semi{background-color:var(--color__saffron--semi)}.color__bg--saffron--light{background-color:var(--color__saffron--light)}.color__bg--saffron--ghost{background-color:var(--color__saffron--ghost)}.color__bg--saffron--contrast{background-color:var(--color__saffron--contrast)}.color__bg--valencia{background-color:var(--color__valencia)}.color__bg--valencia--ish{background-color:var(--color__valencia--ish)}.color__bg--valencia--mid{background-color:var(--color__valencia--mid)}.color__bg--valencia--semi{background-color:var(--color__valencia--semi)}.color__bg--valencia--light{background-color:var(--color__valencia--light)}.color__bg--valencia--ghost{background-color:var(--color__valencia--ghost)}.color__bg--valencia--contrast{background-color:var(--color__valencia--contrast)}.color__bg--rose{background-color:var(--color__rose)}.color__bg--rose--ish{background-color:var(--color__rose--ish)}.color__bg--rose--mid{background-color:var(--color__rose--mid)}.color__bg--rose--semi{background-color:var(--color__rose--semi)}.color__bg--rose--light{background-color:var(--color__rose--light)}.color__bg--rose--ghost{background-color:var(--color__rose--ghost)}.color__bg--rose--contrast{background-color:var(--color__rose--contrast)}.color__border--base{border-color:var(--color__base)}.color__border--base--ish{border-color:var(--color__base--ish)}.color__border--base--mid{border-color:var(--color__base--mid)}.color__border--base--semi{border-color:var(--color__base--semi)}.color__border--base--light{border-color:var(--color__base--light)}.color__border--base--ghost{border-color:var(--color__base--ghost)}.color__border--highlight{border-color:var(--color__highlight)}.color__border--highlight--ish{border-color:var(--color__highlight--ish)}.color__border--highlight--mid{border-color:var(--color__highlight--mid)}.color__border--highlight--semi{border-color:var(--color__highlight--semi)}.color__border--highlight--light{border-color:var(--color__highlight--light)}.color__border--highlight--ghost{border-color:var(--color__highlight--ghost)}.color__border--highlight--contrast{border-color:var(--color__highlight--contrast)}.color__border--contrast{border-color:var(--color__contrast)}.color__border--contrast--adaptive{border-color:var(--color__contrast--adaptive)}.color__border--contrast--extra{border-color:var(--color__contrast--extra)}.color__border--contrast--fixed{border-color:var(--color__contrast--fixed)}.color__border--basil{border-color:var(--color__basil)}.color__border--basil--ish{border-color:var(--color__basil--ish)}.color__border--basil--mid{border-color:var(--color__basil--mid)}.color__border--basil--semi{border-color:var(--color__basil--semi)}.color__border--basil--light{border-color:var(--color__basil--light)}.color__border--basil--ghost{border-color:var(--color__basil--ghost)}.color__border--basil--contrast{border-color:var(--color__basil--contrast)}.color__border--tomato{border-color:var(--color__tomato)}.color__border--tomato--ish{border-color:var(--color__tomato--ish)}.color__border--tomato--mid{border-color:var(--color__tomato--mid)}.color__border--tomato--semi{border-color:var(--color__tomato--semi)}.color__border--tomato--light{border-color:var(--color__tomato--light)}.color__border--tomato--ghost{border-color:var(--color__tomato--ghost)}.color__border--tomato--contrast{border-color:var(--color__tomato--contrast)}.color__border--eggplant{border-color:var(--color__eggplant)}.color__border--eggplant--ish{border-color:var(--color__eggplant--ish)}.color__border--eggplant--mid{border-color:var(--color__eggplant--mid)}.color__border--eggplant--semi{border-color:var(--color__eggplant--semi)}.color__border--eggplant--light{border-color:var(--color__eggplant--light)}.color__border--eggplant--ghost{border-color:var(--color__eggplant--ghost)}.color__border--eggplant--contrast{border-color:var(--color__eggplant--contrast)}.color__border--cobalt{border-color:var(--color__cobalt)}.color__border--cobalt--ish{border-color:var(--color__cobalt--ish)}.color__border--cobalt--mid{border-color:var(--color__cobalt--mid)}.color__border--cobalt--semi{border-color:var(--color__cobalt--semi)}.color__border--cobalt--light{border-color:var(--color__cobalt--light)}.color__border--cobalt--ghost{border-color:var(--color__cobalt--ghost)}.color__border--cobalt--contrast{border-color:var(--color__cobalt--contrast)}.color__border--saffron{border-color:var(--color__saffron)}.color__border--saffron--ish{border-color:var(--color__saffron--ish)}.color__border--saffron--mid{border-color:var(--color__saffron--mid)}.color__border--saffron--semi{border-color:var(--color__saffron--semi)}.color__border--saffron--light{border-color:var(--color__saffron--light)}.color__border--saffron--ghost{border-color:var(--color__saffron--ghost)}.color__border--saffron--contrast{border-color:var(--color__saffron--contrast)}.color__border--valencia{border-color:var(--color__valencia)}.color__border--valencia--ish{border-color:var(--color__valencia--ish)}.color__border--valencia--mid{border-color:var(--color__valencia--mid)}.color__border--valencia--semi{border-color:var(--color__valencia--semi)}.color__border--valencia--light{border-color:var(--color__valencia--light)}.color__border--valencia--ghost{border-color:var(--color__valencia--ghost)}.color__border--valencia--contrast{border-color:var(--color__valencia--contrast)}.color__border--rose{border-color:var(--color__rose)}.color__border--rose--ish{border-color:var(--color__rose--ish)}.color__border--rose--mid{border-color:var(--color__rose--mid)}.color__border--rose--semi{border-color:var(--color__rose--semi)}.color__border--rose--light{border-color:var(--color__rose--light)}.color__border--rose--ghost{border-color:var(--color__rose--ghost)}.color__border--rose--contrast{border-color:var(--color__rose--contrast)}.color__type--base{color:var(--color__base)}.color__type--base--ish{color:var(--color__base--ish)}.color__type--base--mid{color:var(--color__base--mid)}.color__type--base--semi{color:var(--color__base--semi)}.color__type--base--light{color:var(--color__base--light)}.color__type--base--ghost{color:var(--color__base--ghost)}.color__type--highlight{color:var(--color__highlight)}.color__type--highlight--ish{color:var(--color__highlight--ish)}.color__type--highlight--mid{color:var(--color__highlight--mid)}.color__type--highlight--semi{color:var(--color__highlight--semi)}.color__type--highlight--light{color:var(--color__highlight--light)}.color__type--highlight--ghost{color:var(--color__highlight--ghost)}.color__type--highlight--contrast{color:var(--color__highlight--contrast)}.color__type--contrast{color:var(--color__contrast)}.color__type--contrast--adaptive{color:var(--color__contrast--adaptive)}.color__type--contrast--extra{color:var(--color__contrast--extra)}.color__type--contrast--fixed{color:var(--color__contrast--fixed)}.color__type--basil{color:var(--color__basil)}.color__type--basil--ish{color:var(--color__basil--ish)}.color__type--basil--mid{color:var(--color__basil--mid)}.color__type--basil--semi{color:var(--color__basil--semi)}.color__type--basil--light{color:var(--color__basil--light)}.color__type--basil--ghost{color:var(--color__basil--ghost)}.color__type--basil--contrast{color:var(--color__basil--contrast)}.color__type--tomato{color:var(--color__tomato)}.color__type--tomato--ish{color:var(--color__tomato--ish)}.color__type--tomato--mid{color:var(--color__tomato--mid)}.color__type--tomato--semi{color:var(--color__tomato--semi)}.color__type--tomato--light{color:var(--color__tomato--light)}.color__type--tomato--ghost{color:var(--color__tomato--ghost)}.color__type--tomato--contrast{color:var(--color__tomato--contrast)}.color__type--eggplant{color:var(--color__eggplant)}.color__type--eggplant--ish{color:var(--color__eggplant--ish)}.color__type--eggplant--mid{color:var(--color__eggplant--mid)}.color__type--eggplant--semi{color:var(--color__eggplant--semi)}.color__type--eggplant--light{color:var(--color__eggplant--light)}.color__type--eggplant--ghost{color:var(--color__eggplant--ghost)}.color__type--eggplant--contrast{color:var(--color__eggplant--contrast)}.color__type--cobalt{color:var(--color__cobalt)}.color__type--cobalt--ish{color:var(--color__cobalt--ish)}.color__type--cobalt--mid{color:var(--color__cobalt--mid)}.color__type--cobalt--semi{color:var(--color__cobalt--semi)}.color__type--cobalt--light{color:var(--color__cobalt--light)}.color__type--cobalt--ghost{color:var(--color__cobalt--ghost)}.color__type--cobalt--contrast{color:var(--color__cobalt--contrast)}.color__type--saffron{color:var(--color__saffron)}.color__type--saffron--ish{color:var(--color__saffron--ish)}.color__type--saffron--mid{color:var(--color__saffron--mid)}.color__type--saffron--semi{color:var(--color__saffron--semi)}.color__type--saffron--light{color:var(--color__saffron--light)}.color__type--saffron--ghost{color:var(--color__saffron--ghost)}.color__type--saffron--contrast{color:var(--color__saffron--contrast)}.color__type--valencia{color:var(--color__valencia)}.color__type--valencia--ish{color:var(--color__valencia--ish)}.color__type--valencia--mid{color:var(--color__valencia--mid)}.color__type--valencia--semi{color:var(--color__valencia--semi)}.color__type--valencia--light{color:var(--color__valencia--light)}.color__type--valencia--ghost{color:var(--color__valencia--ghost)}.color__type--valencia--contrast{color:var(--color__valencia--contrast)}.color__type--rose{color:var(--color__rose)}.color__type--rose--ish{color:var(--color__rose--ish)}.color__type--rose--mid{color:var(--color__rose--mid)}.color__type--rose--semi{color:var(--color__rose--semi)}.color__type--rose--light{color:var(--color__rose--light)}.color__type--rose--ghost{color:var(--color__rose--ghost)}.color__type--rose--contrast{color:var(--color__rose--contrast)}}