semantic-props/dist/color.css

A collection of semantic CSS custom properties.

:where(.semantic){--gray:#7d8086;--pink:#f6a3af;--red:#ba0d01;--coral:#ff682c;--brown:#997866;--orange:#c46016;--yellow:#e3b831;--lime:#93ab2c;--green:#009a46;--cyan:#00b8a1;--blue:#0089c9;--indigo:#252fb1;--violet:#4a3191;--purple:#562c8b;--magenta:#be47b8;--primary-color:var(--gray);--secondary-color:var(--gray);--accent-color:var(--blue);--primary-50:#eee;--primary-50-100:var(--primary-50);--primary-50-200:var(--primary-50);--primary-50-300:var(--primary-50);--primary-50-400:var(--primary-50);--primary-50-500:var(--primary-50);--primary-50-600:var(--primary-50);--primary-50-700:var(--primary-50);--primary-50-800:var(--primary-50);--primary-50-900:var(--primary-50);--primary-100:#dedede;--primary-100-50:var(--primary-100);--primary-100-200:var(--primary-100);--primary-100-300:var(--primary-100);--primary-100-400:var(--primary-100);--primary-100-500:var(--primary-100);--primary-100-600:var(--primary-100);--primary-100-700:var(--primary-100);--primary-100-800:var(--primary-100);--primary-100-900:var(--primary-100);--primary-200:#bebebe;--primary-200-50:var(--primary-200);--primary-200-100:var(--primary-200);--primary-200-300:var(--primary-200);--primary-200-400:var(--primary-200);--primary-200-500:var(--primary-200);--primary-200-600:var(--primary-200);--primary-200-700:var(--primary-200);--primary-200-800:var(--primary-200);--primary-200-900:var(--primary-200);--primary-300:#9e9e9e;--primary-300-50:var(--primary-300);--primary-300-100:var(--primary-300);--primary-300-200:var(--primary-300);--primary-300-400:var(--primary-300);--primary-300-500:var(--primary-300);--primary-300-600:var(--primary-300);--primary-300-700:var(--primary-300);--primary-300-800:var(--primary-300);--primary-300-900:var(--primary-300);--primary-400:grey;--primary-400-50:var(--primary-400);--primary-400-100:var(--primary-400);--primary-400-200:var(--primary-400);--primary-400-300:var(--primary-400);--primary-400-500:var(--primary-400);--primary-400-600:var(--primary-400);--primary-400-700:var(--primary-400);--primary-400-800:var(--primary-400);--primary-400-900:var(--primary-400);--primary-500:#636363;--primary-500-50:var(--primary-500);--primary-500-100:var(--primary-500);--primary-500-200:var(--primary-500);--primary-500-300:var(--primary-500);--primary-500-400:var(--primary-500);--primary-500-600:var(--primary-500);--primary-500-700:var(--primary-500);--primary-500-800:var(--primary-500);--primary-500-900:var(--primary-500);--primary-600:#484848;--primary-600-50:var(--primary-600);--primary-600-100:var(--primary-600);--primary-600-200:var(--primary-600);--primary-600-300:var(--primary-600);--primary-600-400:var(--primary-600);--primary-600-500:var(--primary-600);--primary-600-700:var(--primary-600);--primary-600-800:var(--primary-600);--primary-600-900:var(--primary-600);--primary-700:#2e2e2e;--primary-700-50:var(--primary-700);--primary-700-100:var(--primary-700);--primary-700-200:var(--primary-700);--primary-700-300:var(--primary-700);--primary-700-400:var(--primary-700);--primary-700-500:var(--primary-700);--primary-700-600:var(--primary-700);--primary-700-800:var(--primary-700);--primary-700-900:var(--primary-700);--primary-800:#161616;--primary-800-50:var(--primary-800);--primary-800-100:var(--primary-800);--primary-800-200:var(--primary-800);--primary-800-300:var(--primary-800);--primary-800-400:var(--primary-800);--primary-800-500:var(--primary-800);--primary-800-600:var(--primary-800);--primary-800-700:var(--primary-800);--primary-800-900:var(--primary-800);--primary-900:#030303;--primary-900-50:var(--primary-900);--primary-900-100:var(--primary-900);--primary-900-200:var(--primary-900);--primary-900-300:var(--primary-900);--primary-900-400:var(--primary-900);--primary-900-500:var(--primary-900);--primary-900-600:var(--primary-900);--primary-900-700:var(--primary-900);--primary-900-800:var(--primary-900);--secondary-50:#eee;--secondary-50-100:var(--secondary-50);--secondary-50-200:var(--secondary-50);--secondary-50-300:var(--secondary-50);--secondary-50-400:var(--secondary-50);--secondary-50-500:var(--secondary-50);--secondary-50-600:var(--secondary-50);--secondary-50-700:var(--secondary-50);--secondary-50-800:var(--secondary-50);--secondary-50-900:var(--secondary-50);--secondary-100:#dedede;--secondary-100-50:var(--secondary-100);--secondary-100-200:var(--secondary-100);--secondary-100-300:var(--secondary-100);--secondary-100-400:var(--secondary-100);--secondary-100-500:var(--secondary-100);--secondary-100-600:var(--secondary-100);--secondary-100-700:var(--secondary-100);--secondary-100-800:var(--secondary-100);--secondary-100-900:var(--secondary-100);--secondary-200:#bebebe;--secondary-200-50:var(--secondary-200);--secondary-200-100:var(--secondary-200);--secondary-200-300:var(--secondary-200);--secondary-200-400:var(--secondary-200);--secondary-200-500:var(--secondary-200);--secondary-200-600:var(--secondary-200);--secondary-200-700:var(--secondary-200);--secondary-200-800:var(--secondary-200);--secondary-200-900:var(--secondary-200);--secondary-300:#9e9e9e;--secondary-300-50:var(--secondary-300);--secondary-300-100:var(--secondary-300);--secondary-300-200:var(--secondary-300);--secondary-300-400:var(--secondary-300);--secondary-300-500:var(--secondary-300);--secondary-300-600:var(--secondary-300);--secondary-300-700:var(--secondary-300);--secondary-300-800:var(--secondary-300);--secondary-300-900:var(--secondary-300);--secondary-400:grey;--secondary-400-50:var(--secondary-400);--secondary-400-100:var(--secondary-400);--secondary-400-200:var(--secondary-400);--secondary-400-300:var(--secondary-400);--secondary-400-500:var(--secondary-400);--secondary-400-600:var(--secondary-400);--secondary-400-700:var(--secondary-400);--secondary-400-800:var(--secondary-400);--secondary-400-900:var(--secondary-400);--secondary-500:#636363;--secondary-500-50:var(--secondary-500);--secondary-500-100:var(--secondary-500);--secondary-500-200:var(--secondary-500);--secondary-500-300:var(--secondary-500);--secondary-500-400:var(--secondary-500);--secondary-500-600:var(--secondary-500);--secondary-500-700:var(--secondary-500);--secondary-500-800:var(--secondary-500);--secondary-500-900:var(--secondary-500);--secondary-600:#484848;--secondary-600-50:var(--secondary-600);--secondary-600-100:var(--secondary-600);--secondary-600-200:var(--secondary-600);--secondary-600-300:var(--secondary-600);--secondary-600-400:var(--secondary-600);--secondary-600-500:var(--secondary-600);--secondary-600-700:var(--secondary-600);--secondary-600-800:var(--secondary-600);--secondary-600-900:var(--secondary-600);--secondary-700:#2e2e2e;--secondary-700-50:var(--secondary-700);--secondary-700-100:var(--secondary-700);--secondary-700-200:var(--secondary-700);--secondary-700-300:var(--secondary-700);--secondary-700-400:var(--secondary-700);--secondary-700-500:var(--secondary-700);--secondary-700-600:var(--secondary-700);--secondary-700-800:var(--secondary-700);--secondary-700-900:var(--secondary-700);--secondary-800:#161616;--secondary-800-50:var(--secondary-800);--secondary-800-100:var(--secondary-800);--secondary-800-200:var(--secondary-800);--secondary-800-300:var(--secondary-800);--secondary-800-400:var(--secondary-800);--secondary-800-500:var(--secondary-800);--secondary-800-600:var(--secondary-800);--secondary-800-700:var(--secondary-800);--secondary-800-900:var(--secondary-800);--secondary-900:#030303;--secondary-900-50:var(--secondary-900);--secondary-900-100:var(--secondary-900);--secondary-900-200:var(--secondary-900);--secondary-900-300:var(--secondary-900);--secondary-900-400:var(--secondary-900);--secondary-900-500:var(--secondary-900);--secondary-900-600:var(--secondary-900);--secondary-900-700:var(--secondary-900);--secondary-900-800:var(--secondary-900);--accent-50:#eee;--accent-50-100:var(--accent-50);--accent-50-200:var(--accent-50);--accent-50-300:var(--accent-50);--accent-50-400:var(--accent-50);--accent-50-500:var(--accent-50);--accent-50-600:var(--accent-50);--accent-50-700:var(--accent-50);--accent-50-800:var(--accent-50);--accent-50-900:var(--accent-50);--accent-100:#dedede;--accent-100-50:var(--accent-100);--accent-100-200:var(--accent-100);--accent-100-300:var(--accent-100);--accent-100-400:var(--accent-100);--accent-100-500:var(--accent-100);--accent-100-600:var(--accent-100);--accent-100-700:var(--accent-100);--accent-100-800:var(--accent-100);--accent-100-900:var(--accent-100);--accent-200:#bebebe;--accent-200-50:var(--accent-200);--accent-200-100:var(--accent-200);--accent-200-300:var(--accent-200);--accent-200-400:var(--accent-200);--accent-200-500:var(--accent-200);--accent-200-600:var(--accent-200);--accent-200-700:var(--accent-200);--accent-200-800:var(--accent-200);--accent-200-900:var(--accent-200);--accent-300:#9e9e9e;--accent-300-50:var(--accent-300);--accent-300-100:var(--accent-300);--accent-300-200:var(--accent-300);--accent-300-400:var(--accent-300);--accent-300-500:var(--accent-300);--accent-300-600:var(--accent-300);--accent-300-700:var(--accent-300);--accent-300-800:var(--accent-300);--accent-300-900:var(--accent-300);--accent-400:grey;--accent-400-50:var(--accent-400);--accent-400-100:var(--accent-400);--accent-400-200:var(--accent-400);--accent-400-300:var(--accent-400);--accent-400-500:var(--accent-400);--accent-400-600:var(--accent-400);--accent-400-700:var(--accent-400);--accent-400-800:var(--accent-400);--accent-400-900:var(--accent-400);--accent-500:#636363;--accent-500-50:var(--accent-500);--accent-500-100:var(--accent-500);--accent-500-200:var(--accent-500);--accent-500-300:var(--accent-500);--accent-500-400:var(--accent-500);--accent-500-600:var(--accent-500);--accent-500-700:var(--accent-500);--accent-500-800:var(--accent-500);--accent-500-900:var(--accent-500);--accent-600:#484848;--accent-600-50:var(--accent-600);--accent-600-100:var(--accent-600);--accent-600-200:var(--accent-600);--accent-600-300:var(--accent-600);--accent-600-400:var(--accent-600);--accent-600-500:var(--accent-600);--accent-600-700:var(--accent-600);--accent-600-800:var(--accent-600);--accent-600-900:var(--accent-600);--accent-700:#2e2e2e;--accent-700-50:var(--accent-700);--accent-700-100:var(--accent-700);--accent-700-200:var(--accent-700);--accent-700-300:var(--accent-700);--accent-700-400:var(--accent-700);--accent-700-500:var(--accent-700);--accent-700-600:var(--accent-700);--accent-700-800:var(--accent-700);--accent-700-900:var(--accent-700);--accent-800:#161616;--accent-800-50:var(--accent-800);--accent-800-100:var(--accent-800);--accent-800-200:var(--accent-800);--accent-800-300:var(--accent-800);--accent-800-400:var(--accent-800);--accent-800-500:var(--accent-800);--accent-800-600:var(--accent-800);--accent-800-700:var(--accent-800);--accent-800-900:var(--accent-800);--accent-900:#030303;--accent-900-50:var(--accent-900);--accent-900-100:var(--accent-900);--accent-900-200:var(--accent-900);--accent-900-300:var(--accent-900);--accent-900-400:var(--accent-900);--accent-900-500:var(--accent-900);--accent-900-600:var(--accent-900);--accent-900-700:var(--accent-900);--accent-900-800:var(--accent-900)}@supports (color:color(display-p3 0 0 0%)){:where(.semantic){--coral:#ff682c;--green:#009a46;--cyan:#00b8a1;--blue:#0089c9}@media (color-gamut:p3){:where(.semantic){--coral:color(display-p3 0.93347 0.44182 0.23904);--green:color(display-p3 0.17745 0.61088 0.26169);--cyan:color(display-p3 0.224 0.723 0.63731);--blue:color(display-p3 0.19186 0.52813 0.79156)}}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--primary-50:oklch(from var(--primary-color) 0.95 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--primary-50-100:light-dark(var(--primary-50),var(--primary-100));--primary-50-200:light-dark(var(--primary-50),var(--primary-200));--primary-50-300:light-dark(var(--primary-50),var(--primary-300));--primary-50-400:light-dark(var(--primary-50),var(--primary-400));--primary-50-500:light-dark(var(--primary-50),var(--primary-500));--primary-50-600:light-dark(var(--primary-50),var(--primary-600));--primary-50-700:light-dark(var(--primary-50),var(--primary-700));--primary-50-800:light-dark(var(--primary-50),var(--primary-800));--primary-50-900:light-dark(var(--primary-50),var(--primary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--primary-100:oklch(from var(--primary-color) 0.9 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--primary-100-50:light-dark(var(--primary-100),var(--primary-50));--primary-100-200:light-dark(var(--primary-100),var(--primary-200));--primary-100-300:light-dark(var(--primary-100),var(--primary-300));--primary-100-400:light-dark(var(--primary-100),var(--primary-400));--primary-100-500:light-dark(var(--primary-100),var(--primary-500));--primary-100-600:light-dark(var(--primary-100),var(--primary-600));--primary-100-700:light-dark(var(--primary-100),var(--primary-700));--primary-100-800:light-dark(var(--primary-100),var(--primary-800));--primary-100-900:light-dark(var(--primary-100),var(--primary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--primary-200:oklch(from var(--primary-color) 0.8 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--primary-200-50:light-dark(var(--primary-200),var(--primary-50));--primary-200-100:light-dark(var(--primary-200),var(--primary-100));--primary-200-300:light-dark(var(--primary-200),var(--primary-300));--primary-200-400:light-dark(var(--primary-200),var(--primary-400));--primary-200-500:light-dark(var(--primary-200),var(--primary-500));--primary-200-600:light-dark(var(--primary-200),var(--primary-600));--primary-200-700:light-dark(var(--primary-200),var(--primary-700));--primary-200-800:light-dark(var(--primary-200),var(--primary-800));--primary-200-900:light-dark(var(--primary-200),var(--primary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--primary-300:oklch(from var(--primary-color) 0.7 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--primary-300-50:light-dark(var(--primary-300),var(--primary-50));--primary-300-100:light-dark(var(--primary-300),var(--primary-100));--primary-300-200:light-dark(var(--primary-300),var(--primary-200));--primary-300-400:light-dark(var(--primary-300),var(--primary-400));--primary-300-500:light-dark(var(--primary-300),var(--primary-500));--primary-300-600:light-dark(var(--primary-300),var(--primary-600));--primary-300-700:light-dark(var(--primary-300),var(--primary-700));--primary-300-800:light-dark(var(--primary-300),var(--primary-800));--primary-300-900:light-dark(var(--primary-300),var(--primary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--primary-400:oklch(from var(--primary-color) 0.6 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--primary-400-50:light-dark(var(--primary-400),var(--primary-50));--primary-400-100:light-dark(var(--primary-400),var(--primary-100));--primary-400-200:light-dark(var(--primary-400),var(--primary-200));--primary-400-300:light-dark(var(--primary-400),var(--primary-300));--primary-400-500:light-dark(var(--primary-400),var(--primary-500));--primary-400-600:light-dark(var(--primary-400),var(--primary-600));--primary-400-700:light-dark(var(--primary-400),var(--primary-700));--primary-400-800:light-dark(var(--primary-400),var(--primary-800));--primary-400-900:light-dark(var(--primary-400),var(--primary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--primary-500:oklch(from var(--primary-color) 0.5 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--primary-500-50:light-dark(var(--primary-500),var(--primary-50));--primary-500-100:light-dark(var(--primary-500),var(--primary-100));--primary-500-200:light-dark(var(--primary-500),var(--primary-200));--primary-500-300:light-dark(var(--primary-500),var(--primary-300));--primary-500-400:light-dark(var(--primary-500),var(--primary-400));--primary-500-600:light-dark(var(--primary-500),var(--primary-600));--primary-500-700:light-dark(var(--primary-500),var(--primary-700));--primary-500-800:light-dark(var(--primary-500),var(--primary-800));--primary-500-900:light-dark(var(--primary-500),var(--primary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--primary-600:oklch(from var(--primary-color) 0.4 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--primary-600-50:light-dark(var(--primary-600),var(--primary-50));--primary-600-100:light-dark(var(--primary-600),var(--primary-100));--primary-600-200:light-dark(var(--primary-600),var(--primary-200));--primary-600-300:light-dark(var(--primary-600),var(--primary-300));--primary-600-400:light-dark(var(--primary-600),var(--primary-400));--primary-600-500:light-dark(var(--primary-600),var(--primary-500));--primary-600-700:light-dark(var(--primary-600),var(--primary-700));--primary-600-800:light-dark(var(--primary-600),var(--primary-800));--primary-600-900:light-dark(var(--primary-600),var(--primary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--primary-700:oklch(from var(--primary-color) 0.3 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--primary-700-50:light-dark(var(--primary-700),var(--primary-50));--primary-700-100:light-dark(var(--primary-700),var(--primary-100));--primary-700-200:light-dark(var(--primary-700),var(--primary-200));--primary-700-300:light-dark(var(--primary-700),var(--primary-300));--primary-700-400:light-dark(var(--primary-700),var(--primary-400));--primary-700-500:light-dark(var(--primary-700),var(--primary-500));--primary-700-600:light-dark(var(--primary-700),var(--primary-600));--primary-700-800:light-dark(var(--primary-700),var(--primary-800));--primary-700-900:light-dark(var(--primary-700),var(--primary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--primary-800:oklch(from var(--primary-color) 0.2 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--primary-800-50:light-dark(var(--primary-800),var(--primary-50));--primary-800-100:light-dark(var(--primary-800),var(--primary-100));--primary-800-200:light-dark(var(--primary-800),var(--primary-200));--primary-800-300:light-dark(var(--primary-800),var(--primary-300));--primary-800-400:light-dark(var(--primary-800),var(--primary-400));--primary-800-500:light-dark(var(--primary-800),var(--primary-500));--primary-800-600:light-dark(var(--primary-800),var(--primary-600));--primary-800-700:light-dark(var(--primary-800),var(--primary-700));--primary-800-900:light-dark(var(--primary-800),var(--primary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--primary-900:oklch(from var(--primary-color) 0.1 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--primary-900-50:light-dark(var(--primary-900),var(--primary-50));--primary-900-100:light-dark(var(--primary-900),var(--primary-100));--primary-900-200:light-dark(var(--primary-900),var(--primary-200));--primary-900-300:light-dark(var(--primary-900),var(--primary-300));--primary-900-400:light-dark(var(--primary-900),var(--primary-400));--primary-900-500:light-dark(var(--primary-900),var(--primary-500));--primary-900-600:light-dark(var(--primary-900),var(--primary-600));--primary-900-700:light-dark(var(--primary-900),var(--primary-700));--primary-900-800:light-dark(var(--primary-900),var(--primary-800))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--secondary-50:oklch(from var(--secondary-color) 0.95 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--secondary-50-100:light-dark(var(--secondary-50),var(--secondary-100));--secondary-50-200:light-dark(var(--secondary-50),var(--secondary-200));--secondary-50-300:light-dark(var(--secondary-50),var(--secondary-300));--secondary-50-400:light-dark(var(--secondary-50),var(--secondary-400));--secondary-50-500:light-dark(var(--secondary-50),var(--secondary-500));--secondary-50-600:light-dark(var(--secondary-50),var(--secondary-600));--secondary-50-700:light-dark(var(--secondary-50),var(--secondary-700));--secondary-50-800:light-dark(var(--secondary-50),var(--secondary-800));--secondary-50-900:light-dark(var(--secondary-50),var(--secondary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--secondary-100:oklch(from var(--secondary-color) 0.9 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--secondary-100-50:light-dark(var(--secondary-100),var(--secondary-50));--secondary-100-200:light-dark(var(--secondary-100),var(--secondary-200));--secondary-100-300:light-dark(var(--secondary-100),var(--secondary-300));--secondary-100-400:light-dark(var(--secondary-100),var(--secondary-400));--secondary-100-500:light-dark(var(--secondary-100),var(--secondary-500));--secondary-100-600:light-dark(var(--secondary-100),var(--secondary-600));--secondary-100-700:light-dark(var(--secondary-100),var(--secondary-700));--secondary-100-800:light-dark(var(--secondary-100),var(--secondary-800));--secondary-100-900:light-dark(var(--secondary-100),var(--secondary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--secondary-200:oklch(from var(--secondary-color) 0.8 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--secondary-200-50:light-dark(var(--secondary-200),var(--secondary-50));--secondary-200-100:light-dark(var(--secondary-200),var(--secondary-100));--secondary-200-300:light-dark(var(--secondary-200),var(--secondary-300));--secondary-200-400:light-dark(var(--secondary-200),var(--secondary-400));--secondary-200-500:light-dark(var(--secondary-200),var(--secondary-500));--secondary-200-600:light-dark(var(--secondary-200),var(--secondary-600));--secondary-200-700:light-dark(var(--secondary-200),var(--secondary-700));--secondary-200-800:light-dark(var(--secondary-200),var(--secondary-800));--secondary-200-900:light-dark(var(--secondary-200),var(--secondary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--secondary-300:oklch(from var(--secondary-color) 0.7 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--secondary-300-50:light-dark(var(--secondary-300),var(--secondary-50));--secondary-300-100:light-dark(var(--secondary-300),var(--secondary-100));--secondary-300-200:light-dark(var(--secondary-300),var(--secondary-200));--secondary-300-400:light-dark(var(--secondary-300),var(--secondary-400));--secondary-300-500:light-dark(var(--secondary-300),var(--secondary-500));--secondary-300-600:light-dark(var(--secondary-300),var(--secondary-600));--secondary-300-700:light-dark(var(--secondary-300),var(--secondary-700));--secondary-300-800:light-dark(var(--secondary-300),var(--secondary-800));--secondary-300-900:light-dark(var(--secondary-300),var(--secondary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--secondary-400:oklch(from var(--secondary-color) 0.6 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--secondary-400-50:light-dark(var(--secondary-400),var(--secondary-50));--secondary-400-100:light-dark(var(--secondary-400),var(--secondary-100));--secondary-400-200:light-dark(var(--secondary-400),var(--secondary-200));--secondary-400-300:light-dark(var(--secondary-400),var(--secondary-300));--secondary-400-500:light-dark(var(--secondary-400),var(--secondary-500));--secondary-400-600:light-dark(var(--secondary-400),var(--secondary-600));--secondary-400-700:light-dark(var(--secondary-400),var(--secondary-700));--secondary-400-800:light-dark(var(--secondary-400),var(--secondary-800));--secondary-400-900:light-dark(var(--secondary-400),var(--secondary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--secondary-500:oklch(from var(--secondary-color) 0.5 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--secondary-500-50:light-dark(var(--secondary-500),var(--secondary-50));--secondary-500-100:light-dark(var(--secondary-500),var(--secondary-100));--secondary-500-200:light-dark(var(--secondary-500),var(--secondary-200));--secondary-500-300:light-dark(var(--secondary-500),var(--secondary-300));--secondary-500-400:light-dark(var(--secondary-500),var(--secondary-400));--secondary-500-600:light-dark(var(--secondary-500),var(--secondary-600));--secondary-500-700:light-dark(var(--secondary-500),var(--secondary-700));--secondary-500-800:light-dark(var(--secondary-500),var(--secondary-800));--secondary-500-900:light-dark(var(--secondary-500),var(--secondary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--secondary-600:oklch(from var(--secondary-color) 0.4 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--secondary-600-50:light-dark(var(--secondary-600),var(--secondary-50));--secondary-600-100:light-dark(var(--secondary-600),var(--secondary-100));--secondary-600-200:light-dark(var(--secondary-600),var(--secondary-200));--secondary-600-300:light-dark(var(--secondary-600),var(--secondary-300));--secondary-600-400:light-dark(var(--secondary-600),var(--secondary-400));--secondary-600-500:light-dark(var(--secondary-600),var(--secondary-500));--secondary-600-700:light-dark(var(--secondary-600),var(--secondary-700));--secondary-600-800:light-dark(var(--secondary-600),var(--secondary-800));--secondary-600-900:light-dark(var(--secondary-600),var(--secondary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--secondary-700:oklch(from var(--secondary-color) 0.3 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--secondary-700-50:light-dark(var(--secondary-700),var(--secondary-50));--secondary-700-100:light-dark(var(--secondary-700),var(--secondary-100));--secondary-700-200:light-dark(var(--secondary-700),var(--secondary-200));--secondary-700-300:light-dark(var(--secondary-700),var(--secondary-300));--secondary-700-400:light-dark(var(--secondary-700),var(--secondary-400));--secondary-700-500:light-dark(var(--secondary-700),var(--secondary-500));--secondary-700-600:light-dark(var(--secondary-700),var(--secondary-600));--secondary-700-800:light-dark(var(--secondary-700),var(--secondary-800));--secondary-700-900:light-dark(var(--secondary-700),var(--secondary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--secondary-800:oklch(from var(--secondary-color) 0.2 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--secondary-800-50:light-dark(var(--secondary-800),var(--secondary-50));--secondary-800-100:light-dark(var(--secondary-800),var(--secondary-100));--secondary-800-200:light-dark(var(--secondary-800),var(--secondary-200));--secondary-800-300:light-dark(var(--secondary-800),var(--secondary-300));--secondary-800-400:light-dark(var(--secondary-800),var(--secondary-400));--secondary-800-500:light-dark(var(--secondary-800),var(--secondary-500));--secondary-800-600:light-dark(var(--secondary-800),var(--secondary-600));--secondary-800-700:light-dark(var(--secondary-800),var(--secondary-700));--secondary-800-900:light-dark(var(--secondary-800),var(--secondary-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--secondary-900:oklch(from var(--secondary-color) 0.1 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--secondary-900-50:light-dark(var(--secondary-900),var(--secondary-50));--secondary-900-100:light-dark(var(--secondary-900),var(--secondary-100));--secondary-900-200:light-dark(var(--secondary-900),var(--secondary-200));--secondary-900-300:light-dark(var(--secondary-900),var(--secondary-300));--secondary-900-400:light-dark(var(--secondary-900),var(--secondary-400));--secondary-900-500:light-dark(var(--secondary-900),var(--secondary-500));--secondary-900-600:light-dark(var(--secondary-900),var(--secondary-600));--secondary-900-700:light-dark(var(--secondary-900),var(--secondary-700));--secondary-900-800:light-dark(var(--secondary-900),var(--secondary-800))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--accent-50:oklch(from var(--accent-color) 0.95 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--accent-50-100:light-dark(var(--accent-50),var(--accent-100));--accent-50-200:light-dark(var(--accent-50),var(--accent-200));--accent-50-300:light-dark(var(--accent-50),var(--accent-300));--accent-50-400:light-dark(var(--accent-50),var(--accent-400));--accent-50-500:light-dark(var(--accent-50),var(--accent-500));--accent-50-600:light-dark(var(--accent-50),var(--accent-600));--accent-50-700:light-dark(var(--accent-50),var(--accent-700));--accent-50-800:light-dark(var(--accent-50),var(--accent-800));--accent-50-900:light-dark(var(--accent-50),var(--accent-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--accent-100:oklch(from var(--accent-color) 0.9 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--accent-100-50:light-dark(var(--accent-100),var(--accent-50));--accent-100-200:light-dark(var(--accent-100),var(--accent-200));--accent-100-300:light-dark(var(--accent-100),var(--accent-300));--accent-100-400:light-dark(var(--accent-100),var(--accent-400));--accent-100-500:light-dark(var(--accent-100),var(--accent-500));--accent-100-600:light-dark(var(--accent-100),var(--accent-600));--accent-100-700:light-dark(var(--accent-100),var(--accent-700));--accent-100-800:light-dark(var(--accent-100),var(--accent-800));--accent-100-900:light-dark(var(--accent-100),var(--accent-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--accent-200:oklch(from var(--accent-color) 0.8 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--accent-200-50:light-dark(var(--accent-200),var(--accent-50));--accent-200-100:light-dark(var(--accent-200),var(--accent-100));--accent-200-300:light-dark(var(--accent-200),var(--accent-300));--accent-200-400:light-dark(var(--accent-200),var(--accent-400));--accent-200-500:light-dark(var(--accent-200),var(--accent-500));--accent-200-600:light-dark(var(--accent-200),var(--accent-600));--accent-200-700:light-dark(var(--accent-200),var(--accent-700));--accent-200-800:light-dark(var(--accent-200),var(--accent-800));--accent-200-900:light-dark(var(--accent-200),var(--accent-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--accent-300:oklch(from var(--accent-color) 0.7 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--accent-300-50:light-dark(var(--accent-300),var(--accent-50));--accent-300-100:light-dark(var(--accent-300),var(--accent-100));--accent-300-200:light-dark(var(--accent-300),var(--accent-200));--accent-300-400:light-dark(var(--accent-300),var(--accent-400));--accent-300-500:light-dark(var(--accent-300),var(--accent-500));--accent-300-600:light-dark(var(--accent-300),var(--accent-600));--accent-300-700:light-dark(var(--accent-300),var(--accent-700));--accent-300-800:light-dark(var(--accent-300),var(--accent-800));--accent-300-900:light-dark(var(--accent-300),var(--accent-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--accent-400:oklch(from var(--accent-color) 0.6 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--accent-400-50:light-dark(var(--accent-400),var(--accent-50));--accent-400-100:light-dark(var(--accent-400),var(--accent-100));--accent-400-200:light-dark(var(--accent-400),var(--accent-200));--accent-400-300:light-dark(var(--accent-400),var(--accent-300));--accent-400-500:light-dark(var(--accent-400),var(--accent-500));--accent-400-600:light-dark(var(--accent-400),var(--accent-600));--accent-400-700:light-dark(var(--accent-400),var(--accent-700));--accent-400-800:light-dark(var(--accent-400),var(--accent-800));--accent-400-900:light-dark(var(--accent-400),var(--accent-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--accent-500:oklch(from var(--accent-color) 0.5 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--accent-500-50:light-dark(var(--accent-500),var(--accent-50));--accent-500-100:light-dark(var(--accent-500),var(--accent-100));--accent-500-200:light-dark(var(--accent-500),var(--accent-200));--accent-500-300:light-dark(var(--accent-500),var(--accent-300));--accent-500-400:light-dark(var(--accent-500),var(--accent-400));--accent-500-600:light-dark(var(--accent-500),var(--accent-600));--accent-500-700:light-dark(var(--accent-500),var(--accent-700));--accent-500-800:light-dark(var(--accent-500),var(--accent-800));--accent-500-900:light-dark(var(--accent-500),var(--accent-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--accent-600:oklch(from var(--accent-color) 0.4 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--accent-600-50:light-dark(var(--accent-600),var(--accent-50));--accent-600-100:light-dark(var(--accent-600),var(--accent-100));--accent-600-200:light-dark(var(--accent-600),var(--accent-200));--accent-600-300:light-dark(var(--accent-600),var(--accent-300));--accent-600-400:light-dark(var(--accent-600),var(--accent-400));--accent-600-500:light-dark(var(--accent-600),var(--accent-500));--accent-600-700:light-dark(var(--accent-600),var(--accent-700));--accent-600-800:light-dark(var(--accent-600),var(--accent-800));--accent-600-900:light-dark(var(--accent-600),var(--accent-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--accent-700:oklch(from var(--accent-color) 0.3 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--accent-700-50:light-dark(var(--accent-700),var(--accent-50));--accent-700-100:light-dark(var(--accent-700),var(--accent-100));--accent-700-200:light-dark(var(--accent-700),var(--accent-200));--accent-700-300:light-dark(var(--accent-700),var(--accent-300));--accent-700-400:light-dark(var(--accent-700),var(--accent-400));--accent-700-500:light-dark(var(--accent-700),var(--accent-500));--accent-700-600:light-dark(var(--accent-700),var(--accent-600));--accent-700-800:light-dark(var(--accent-700),var(--accent-800));--accent-700-900:light-dark(var(--accent-700),var(--accent-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--accent-800:oklch(from var(--accent-color) 0.2 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--accent-800-50:light-dark(var(--accent-800),var(--accent-50));--accent-800-100:light-dark(var(--accent-800),var(--accent-100));--accent-800-200:light-dark(var(--accent-800),var(--accent-200));--accent-800-300:light-dark(var(--accent-800),var(--accent-300));--accent-800-400:light-dark(var(--accent-800),var(--accent-400));--accent-800-500:light-dark(var(--accent-800),var(--accent-500));--accent-800-600:light-dark(var(--accent-800),var(--accent-600));--accent-800-700:light-dark(var(--accent-800),var(--accent-700));--accent-800-900:light-dark(var(--accent-800),var(--accent-900))}}@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))){:where(.semantic){--accent-900:oklch(from var(--accent-color) 0.1 c h)}}@supports (color:light-dark(red,red)){:where(.semantic){--accent-900-50:light-dark(var(--accent-900),var(--accent-50));--accent-900-100:light-dark(var(--accent-900),var(--accent-100));--accent-900-200:light-dark(var(--accent-900),var(--accent-200));--accent-900-300:light-dark(var(--accent-900),var(--accent-300));--accent-900-400:light-dark(var(--accent-900),var(--accent-400));--accent-900-500:light-dark(var(--accent-900),var(--accent-500));--accent-900-600:light-dark(var(--accent-900),var(--accent-600));--accent-900-700:light-dark(var(--accent-900),var(--accent-700));--accent-900-800:light-dark(var(--accent-900),var(--accent-800))}}