@new-ui/colors 2.2.1 → 2.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/README.md +10 -4
  2. package/dist/index.css +1 -1
  3. package/dist/index.css.map +1 -1
  4. package/package.json +8 -8
  5. package/src/_palette.scss +98 -111
  6. package/src/_theme-dark--cold.scss +6 -8
  7. package/src/_theme-dark--warm.scss +5 -7
  8. package/src/_theme-dark.scss +2 -4
  9. package/src/_theme-light--cold.scss +6 -8
  10. package/src/_theme-light--warm.scss +5 -7
  11. package/src/_theme-light.scss +3 -4
  12. package/src/_theme-mixins.scss +13 -2
  13. package/src/_utilities.scss +209 -62
  14. package/src/index.scss +1 -1
package/README.md CHANGED
@@ -1,6 +1,7 @@
1
1
  # New UI Colors
2
2
 
3
3
  ## Install
4
+
4
5
  Install New UI Colors from your terminal via npm.
5
6
 
6
7
  ```
@@ -8,25 +9,29 @@ npm i -D @new-ui/colors
8
9
  ```
9
10
 
10
11
  To get started quickly, you can use the CDN files.
11
-
12
+
12
13
  ```html
13
14
  <!-- Place this at the html head -->
14
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@latest/dist/index.css">
15
+ <link
16
+ rel="stylesheet"
17
+ href="https://cdn.jsdelivr.net/npm/@new-ui/colors@latest/dist/index.css"
18
+ />
15
19
  ```
16
20
 
17
21
  ## Usage
18
22
 
19
23
  ```scss
20
24
  // Place this at the top of your SCSS/CSS file
21
- @use "@new-ui/colors"; // Use `@import` for CSS
25
+ @use '@new-ui/colors'; // Use `@import` for CSS
22
26
  ```
23
27
 
24
28
  ```html
25
29
  <!-- Add this attribute to html wrapper -->
26
- <html data-new-ui-theme="light">
30
+ <html data-new-ui-theme="light"></html>
27
31
  ```
28
32
 
29
33
  ### Available themes
34
+
30
35
  - light
31
36
  - light--warm
32
37
  - light--cold
@@ -35,4 +40,5 @@ To get started quickly, you can use the CDN files.
35
40
  - dark--cold
36
41
 
37
42
  ## Guides
43
+
38
44
  - [Read our colors guide](https://new-ui.com/docs/foundations/colors)
package/dist/index.css CHANGED
@@ -1,2 +1,2 @@
1
- :root,[data-new-ui-theme=light]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(96.72% 0 0);--grey2:oklch(90.67% 0 0);--grey3:oklch(82.66% 0 0);--grey4:oklch(73.16% 0 0);--grey5:oklch(64.34% 0 0);--grey6:oklch(54.17% 0 0);--grey7:oklch(43.86% 0 0);--grey8:oklch(34.46% 0 0);--grey9:oklch(26.86% 0 0);--grey10:oklch(20.02% 0 0);--background:var(--white);--background-secondary:var(--grey1);--background-hover:var(--grey1);--background-selected:var(--grey2);--background-selected-hover:var(--grey3);--background-high-contrast:var(--white);--border-muted:var(--grey3);--border:var(--grey4);--border-strong:var(--grey6);--border-inked:var(--grey10);--border-inverse:var(--white);--border-focus:var(--blue5);--button:var(--blue5);--button-hover:var(--blue6);--button-active:var(--blue7);--button-disabled:var(--grey4);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--grey8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--content-primary:var(--grey10);--content-secondary:var(--grey7);--content-secondary-alt:var(--grey5);--content-placeholder:var(--grey4);--content-on-color:var(--white);--content-error:var(--red6);--content-success:var(--green6);--content-inked:var(--black)}[data-new-ui-theme=light--warm]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(95.79% .001 106.42);--grey2:oklch(94.39% .001 17.18);--grey3:oklch(87.66% .002 67.8);--grey4:oklch(73.07% .004 106.5);--grey5:oklch(62.89% .006 106.57);--grey6:oklch(54.1% .008 97.45);--grey7:oklch(43.73% .011 100.22);--grey8:oklch(34.71% .012 100.33);--grey9:oklch(26.31% .013 100.51);--grey10:oklch(21.35% .012 91.77);--warm1:var(--grey1);--warm2:var(--grey2);--warm3:var(--grey3);--warm4:var(--grey4);--warm5:var(--grey5);--warm6:var(--grey6);--warm7:var(--grey7);--warm8:var(--grey8);--warm9:var(--grey9);--warm10:var(--grey10);--background:var(--white);--background-secondary:var(--warm1);--background-hover:var(--warm1);--background-selected:var(--warm2);--background-selected-hover:var(--warm3);--background-high-contrast:var(--white);--border-muted:var(--warm3);--border:var(--warm4);--border-strong:var(--warm6);--border-inked:var(--warm10);--border-inverse:var(--white);--border-focus:var(--blue5);--button:var(--blue5);--button-hover:var(--blue6);--button-active:var(--blue7);--button-disabled:var(--warm4);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--warm8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--content-primary:var(--warm10);--content-secondary:var(--warm7);--content-secondary-alt:var(--warm5);--content-placeholder:var(--warm4);--content-on-color:var(--white);--content-error:var(--red6);--content-success:var(--green6);--content-inked:var(--black)}[data-new-ui-theme=light--cold]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(98.54% .001 286.38);--grey2:oklch(96.95% .005 258.32);--grey3:oklch(92.77% .01 267.36);--grey4:oklch(87.05% .012 252.1);--grey5:oklch(70.4% .03 263.37);--grey6:oklch(55.32% .032 261.39);--grey7:oklch(44.46% .03 263.13);--grey8:oklch(37.01% .034 262.07);--grey9:oklch(27.79% .029 267.58);--grey10:oklch(20.62% .027 267.82);--cold1:var(--grey1);--cold2:var(--grey2);--cold3:var(--grey3);--cold4:var(--grey4);--cold5:var(--grey5);--cold6:var(--grey6);--cold7:var(--grey7);--cold8:var(--grey8);--cold9:var(--grey9);--cold10:var(--grey10);--background:var(--white);--background-secondary:var(--cold1);--background-hover:var(--cold1);--background-selected:var(--cold2);--background-selected-hover:var(--cold3);--background-high-contrast:var(--white);--border-muted:var(--cold3);--border:var(--cold4);--border-strong:var(--cold6);--border-inked:var(--cold10);--border-inverse:var(--white);--border-focus:var(--blue5);--button:var(--blue5);--button-hover:var(--blue6);--button-active:var(--blue7);--button-disabled:var(--cold4);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--cold8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--content-primary:var(--cold10);--content-secondary:var(--cold7);--content-secondary-alt:var(--cold5);--content-placeholder:var(--cold4);--content-on-color:var(--white);--content-error:var(--red6);--content-success:var(--green6);--content-inked:var(--black)}[data-new-ui-theme=dark]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(96.72% 0 0);--grey2:oklch(90.67% 0 0);--grey3:oklch(82.66% 0 0);--grey4:oklch(73.16% 0 0);--grey5:oklch(64.34% 0 0);--grey6:oklch(54.17% 0 0);--grey7:oklch(43.86% 0 0);--grey8:oklch(34.46% 0 0);--grey9:oklch(26.86% 0 0);--grey10:oklch(20.02% 0 0);--background:var(--grey10);--background-secondary:var(--grey9);--background-hover:var(--grey9);--background-selected:var(--grey8);--background-selected-hover:var(--grey7);--background-high-contrast:var(--black);--border-muted:var(--grey8);--border:var(--grey7);--border-strong:var(--grey6);--border-inked:var(--grey1);--border-inverse:var(--black);--border-focus:var(--blue4);--button:var(--blue4);--button-hover:var(--blue3);--button-active:var(--blue2);--button-disabled:var(--grey8);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--grey1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--content-primary:var(--grey1);--content-secondary:var(--grey4);--content-secondary-alt:var(--grey6);--content-placeholder:var(--grey7);--content-on-color:var(--white);--content-error:var(--red4);--content-success:var(--green4);--content-inked:var(--white)}[data-new-ui-theme=dark--warm]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(95.79% .001 106.42);--grey2:oklch(94.39% .001 17.18);--grey3:oklch(87.66% .002 67.8);--grey4:oklch(73.07% .004 106.5);--grey5:oklch(62.89% .006 106.57);--grey6:oklch(54.1% .008 97.45);--grey7:oklch(43.73% .011 100.22);--grey8:oklch(34.71% .012 100.33);--grey9:oklch(26.31% .013 100.51);--grey10:oklch(21.35% .012 91.77);--warm1:var(--grey1);--warm2:var(--grey2);--warm3:var(--grey3);--warm4:var(--grey4);--warm5:var(--grey5);--warm6:var(--grey6);--warm7:var(--grey7);--warm8:var(--grey8);--warm9:var(--grey9);--warm10:var(--grey10);--background:var(--warm10);--background-secondary:var(--warm9);--background-hover:var(--warm9);--background-selected:var(--warm8);--background-selected-hover:var(--warm7);--background-high-contrast:var(--black);--border-muted:var(--warm8);--border:var(--warm7);--border-strong:var(--warm6);--border-inked:var(--warm1);--border-inverse:var(--black);--border-focus:var(--blue4);--button:var(--blue4);--button-hover:var(--blue3);--button-active:var(--blue2);--button-disabled:var(--warm8);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--warm1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--content-primary:var(--warm1);--content-secondary:var(--warm4);--content-secondary-alt:var(--warm6);--content-placeholder:var(--warm7);--content-on-color:var(--white);--content-error:var(--red4);--content-success:var(--green4);--content-inked:var(--white)}[data-new-ui-theme=dark--cold]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(98.54% .001 286.38);--grey2:oklch(96.95% .005 258.32);--grey3:oklch(92.77% .01 267.36);--grey4:oklch(87.05% .012 252.1);--grey5:oklch(70.4% .03 263.37);--grey6:oklch(55.32% .032 261.39);--grey7:oklch(44.46% .03 263.13);--grey8:oklch(37.01% .034 262.07);--grey9:oklch(27.79% .029 267.58);--grey10:oklch(20.62% .027 267.82);--cold1:var(--grey1);--cold2:var(--grey2);--cold3:var(--grey3);--cold4:var(--grey4);--cold5:var(--grey5);--cold6:var(--grey6);--cold7:var(--grey7);--cold8:var(--grey8);--cold9:var(--grey9);--cold10:var(--grey10);--background:var(--cold10);--background-secondary:var(--cold9);--background-hover:var(--cold9);--background-selected:var(--cold8);--background-selected-hover:var(--cold7);--background-high-contrast:var(--black);--border-muted:var(--cold8);--border:var(--cold7);--border-strong:var(--cold6);--border-inked:var(--cold1);--border-inverse:var(--black);--border-focus:var(--blue4);--button:var(--blue4);--button-hover:var(--blue3);--button-active:var(--blue2);--button-disabled:var(--cold8);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--cold1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--content-primary:var(--cold1);--content-secondary:var(--cold4);--content-secondary-alt:var(--cold6);--content-placeholder:var(--cold7);--content-on-color:var(--white);--content-error:var(--red4);--content-success:var(--green4);--content-inked:var(--white)}[data-new-ui-theme=light--cold] .nu-u-text-cold1,[data-new-ui-theme=dark--cold] .nu-u-text-cold1{color:var(--cold1)}[data-new-ui-theme=light--cold] .nu-u-text-cold2,[data-new-ui-theme=dark--cold] .nu-u-text-cold2{color:var(--cold2)}[data-new-ui-theme=light--cold] .nu-u-text-cold3,[data-new-ui-theme=dark--cold] .nu-u-text-cold3{color:var(--cold3)}[data-new-ui-theme=light--cold] .nu-u-text-cold4,[data-new-ui-theme=dark--cold] .nu-u-text-cold4{color:var(--cold4)}[data-new-ui-theme=light--cold] .nu-u-text-cold5,[data-new-ui-theme=dark--cold] .nu-u-text-cold5{color:var(--cold5)}[data-new-ui-theme=light--cold] .nu-u-text-cold6,[data-new-ui-theme=dark--cold] .nu-u-text-cold6{color:var(--cold6)}[data-new-ui-theme=light--cold] .nu-u-text-cold7,[data-new-ui-theme=dark--cold] .nu-u-text-cold7{color:var(--cold7)}[data-new-ui-theme=light--cold] .nu-u-text-cold8,[data-new-ui-theme=dark--cold] .nu-u-text-cold8{color:var(--cold8)}[data-new-ui-theme=light--cold] .nu-u-text-cold9,[data-new-ui-theme=dark--cold] .nu-u-text-cold9{color:var(--cold9)}[data-new-ui-theme=light--cold] .nu-u-text-cold10,[data-new-ui-theme=dark--cold] .nu-u-text-cold10{color:var(--cold10)}[data-new-ui-theme=light--warm] .nu-u-text-warm1,[data-new-ui-theme=dark--warm] .nu-u-text-warm1{color:var(--warm1)}[data-new-ui-theme=light--warm] .nu-u-text-warm2,[data-new-ui-theme=dark--warm] .nu-u-text-warm2{color:var(--warm2)}[data-new-ui-theme=light--warm] .nu-u-text-warm3,[data-new-ui-theme=dark--warm] .nu-u-text-warm3{color:var(--warm3)}[data-new-ui-theme=light--warm] .nu-u-text-warm4,[data-new-ui-theme=dark--warm] .nu-u-text-warm4{color:var(--warm4)}[data-new-ui-theme=light--warm] .nu-u-text-warm5,[data-new-ui-theme=dark--warm] .nu-u-text-warm5{color:var(--warm5)}[data-new-ui-theme=light--warm] .nu-u-text-warm6,[data-new-ui-theme=dark--warm] .nu-u-text-warm6{color:var(--warm6)}[data-new-ui-theme=light--warm] .nu-u-text-warm7,[data-new-ui-theme=dark--warm] .nu-u-text-warm7{color:var(--warm7)}[data-new-ui-theme=light--warm] .nu-u-text-warm8,[data-new-ui-theme=dark--warm] .nu-u-text-warm8{color:var(--warm8)}[data-new-ui-theme=light--warm] .nu-u-text-warm9,[data-new-ui-theme=dark--warm] .nu-u-text-warm9{color:var(--warm9)}[data-new-ui-theme=light--warm] .nu-u-text-warm10,[data-new-ui-theme=dark--warm] .nu-u-text-warm10{color:var(--warm10)}.nu-u-bg{background-color:var(--background)}.nu-u-bg-secondary{background-color:var(--background-secondary)}.nu-u-bg-hover{background-color:var(--background-hover)}.nu-u-bg-selected{background-color:var(--background-selected)}.nu-u-bg-selected-hover{background-color:var(--background-selected-hover)}.nu-u-bg-high-contrast{background-color:var(--background-high-contrast)}.nu-u-bg-black{background-color:var(--black)}.nu-u-bg-white{background-color:var(--white)}.nu-u-b--muted{border-color:var(--border-muted)}.nu-u-b{border-color:var(--border)}.nu-u-b--strong{border-color:var(--border-strong)}.nu-u-b--inked{border-color:var(--border-inked)}.nu-u-b--inverse{border-color:var(--border-inverse)}.nu-u-b--focus{border-color:var(--border-focus)}.nu-u-text--primary{color:var(--content-primary)}.nu-u-text--secondary{color:var(--content-secondary)}.nu-u-text--secondary-alt{color:var(--content-secondary-alt)}.nu-u-text--placeholder::placeholder{color:var(--content-placeholder)}.nu-u-text--placeholder:-ms-placeholder-shown{color:var(--content-placeholder)}.nu-u-text--on-color{color:var(--content-on-color)}.nu-u-text--error{color:var(--content-error)}.nu-u-text--success{color:var(--content-success)}.nu-u-text--inked{color:var(--content-inked)}.nu-u-text-black{color:var(--black)}.nu-u-text-white{color:var(--white)}.nu-u-link{color:var(--link)}.nu-u-link--hover{color:var(--link-hover)}.nu-u-link--subtle{color:var(--link-subtle)}.nu-u-link--visited{color:var(--link-visited)}.nu-u-support--error{color:var(--support-error)}.nu-u-support--warning{color:var(--support-warning)}.nu-u-support--success{color:var(--support-success)}.nu-u-support--info{color:var(--support-info)}
1
+ :root,[data-new-ui-theme=light]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(96.72% 0 0);--grey2:oklch(90.67% 0 0);--grey3:oklch(82.66% 0 0);--grey4:oklch(73.16% 0 0);--grey5:oklch(64.34% 0 0);--grey6:oklch(54.17% 0 0);--grey7:oklch(43.86% 0 0);--grey8:oklch(34.46% 0 0);--grey9:oklch(26.86% 0 0);--grey10:oklch(20.02% 0 0);--background:var(--white);--background-secondary:var(--grey1);--background-hover:var(--grey1);--background-selected:var(--grey2);--background-selected-hover:var(--grey3);--background-high-contrast:var(--white);--border-muted:var(--grey3);--border:var(--grey4);--border-strong:var(--grey6);--border-inked:var(--grey10);--border-inverse:var(--white);--border-focus:var(--blue5);--button:var(--blue5);--button-hover:var(--blue6);--button-active:var(--blue7);--button-disabled:var(--grey4);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--grey8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--content-primary:var(--grey10);--content-secondary:var(--grey7);--content-secondary-alt:var(--grey5);--content-placeholder:var(--grey4);--content-on-color:var(--white);--content-error:var(--red6);--content-success:var(--green6);--content-inked:var(--black)}[data-new-ui-theme=light--warm]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(95.79% .001 106.42);--grey2:oklch(94.39% .001 17.18);--grey3:oklch(87.66% .002 67.8);--grey4:oklch(73.07% .004 106.5);--grey5:oklch(62.89% .006 106.57);--grey6:oklch(54.1% .008 97.45);--grey7:oklch(43.73% .011 100.22);--grey8:oklch(34.71% .012 100.33);--grey9:oklch(26.31% .013 100.51);--grey10:oklch(21.35% .012 91.77);--warm1:var(--grey1);--warm2:var(--grey2);--warm3:var(--grey3);--warm4:var(--grey4);--warm5:var(--grey5);--warm6:var(--grey6);--warm7:var(--grey7);--warm8:var(--grey8);--warm9:var(--grey9);--warm10:var(--grey10);--background:var(--white);--background-secondary:var(--warm1);--background-hover:var(--warm1);--background-selected:var(--warm2);--background-selected-hover:var(--warm3);--background-high-contrast:var(--white);--border-muted:var(--warm3);--border:var(--warm4);--border-strong:var(--warm6);--border-inked:var(--warm10);--border-inverse:var(--white);--border-focus:var(--blue5);--button:var(--blue5);--button-hover:var(--blue6);--button-active:var(--blue7);--button-disabled:var(--warm4);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--warm8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--content-primary:var(--warm10);--content-secondary:var(--warm7);--content-secondary-alt:var(--warm5);--content-placeholder:var(--warm4);--content-on-color:var(--white);--content-error:var(--red6);--content-success:var(--green6);--content-inked:var(--black)}[data-new-ui-theme=light--cold]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(98.54% .001 286.38);--grey2:oklch(96.95% .005 258.32);--grey3:oklch(92.77% .01 267.36);--grey4:oklch(87.05% .012 252.1);--grey5:oklch(70.4% .03 263.37);--grey6:oklch(55.32% .032 261.39);--grey7:oklch(44.46% .03 263.13);--grey8:oklch(37.01% .034 262.07);--grey9:oklch(27.79% .029 267.58);--grey10:oklch(20.62% .027 267.82);--cold1:var(--grey1);--cold2:var(--grey2);--cold3:var(--grey3);--cold4:var(--grey4);--cold5:var(--grey5);--cold6:var(--grey6);--cold7:var(--grey7);--cold8:var(--grey8);--cold9:var(--grey9);--cold10:var(--grey10);--background:var(--white);--background-secondary:var(--cold1);--background-hover:var(--cold1);--background-selected:var(--cold2);--background-selected-hover:var(--cold3);--background-high-contrast:var(--white);--border-muted:var(--cold3);--border:var(--cold4);--border-strong:var(--cold6);--border-inked:var(--cold10);--border-inverse:var(--white);--border-focus:var(--blue5);--button:var(--blue5);--button-hover:var(--blue6);--button-active:var(--blue7);--button-disabled:var(--cold4);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--cold8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--content-primary:var(--cold10);--content-secondary:var(--cold7);--content-secondary-alt:var(--cold5);--content-placeholder:var(--cold4);--content-on-color:var(--white);--content-error:var(--red6);--content-success:var(--green6);--content-inked:var(--black)}[data-new-ui-theme=dark]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(96.72% 0 0);--grey2:oklch(90.67% 0 0);--grey3:oklch(82.66% 0 0);--grey4:oklch(73.16% 0 0);--grey5:oklch(64.34% 0 0);--grey6:oklch(54.17% 0 0);--grey7:oklch(43.86% 0 0);--grey8:oklch(34.46% 0 0);--grey9:oklch(26.86% 0 0);--grey10:oklch(20.02% 0 0);--background:var(--grey10);--background-secondary:var(--grey9);--background-hover:var(--grey9);--background-selected:var(--grey8);--background-selected-hover:var(--grey7);--background-high-contrast:var(--black);--border-muted:var(--grey8);--border:var(--grey7);--border-strong:var(--grey6);--border-inked:var(--grey1);--border-inverse:var(--black);--border-focus:var(--blue4);--button:var(--blue4);--button-hover:var(--blue3);--button-active:var(--blue2);--button-disabled:var(--grey8);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--grey1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--content-primary:var(--grey1);--content-secondary:var(--grey4);--content-secondary-alt:var(--grey6);--content-placeholder:var(--grey7);--content-on-color:var(--white);--content-error:var(--red4);--content-success:var(--green4);--content-inked:var(--white)}[data-new-ui-theme=dark--warm]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(95.79% .001 106.42);--grey2:oklch(94.39% .001 17.18);--grey3:oklch(87.66% .002 67.8);--grey4:oklch(73.07% .004 106.5);--grey5:oklch(62.89% .006 106.57);--grey6:oklch(54.1% .008 97.45);--grey7:oklch(43.73% .011 100.22);--grey8:oklch(34.71% .012 100.33);--grey9:oklch(26.31% .013 100.51);--grey10:oklch(21.35% .012 91.77);--warm1:var(--grey1);--warm2:var(--grey2);--warm3:var(--grey3);--warm4:var(--grey4);--warm5:var(--grey5);--warm6:var(--grey6);--warm7:var(--grey7);--warm8:var(--grey8);--warm9:var(--grey9);--warm10:var(--grey10);--background:var(--warm10);--background-secondary:var(--warm9);--background-hover:var(--warm9);--background-selected:var(--warm8);--background-selected-hover:var(--warm7);--background-high-contrast:var(--black);--border-muted:var(--warm8);--border:var(--warm7);--border-strong:var(--warm6);--border-inked:var(--warm1);--border-inverse:var(--black);--border-focus:var(--blue4);--button:var(--blue4);--button-hover:var(--blue3);--button-active:var(--blue2);--button-disabled:var(--warm8);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--warm1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--content-primary:var(--warm1);--content-secondary:var(--warm4);--content-secondary-alt:var(--warm6);--content-placeholder:var(--warm7);--content-on-color:var(--white);--content-error:var(--red4);--content-success:var(--green4);--content-inked:var(--white)}[data-new-ui-theme=dark--cold]{--red1:oklch(96.89% .0152 22.39);--red2:oklch(88.06% .0631 22.04);--red3:oklch(78.71% .1233 23.85);--red4:oklch(66.85% .2188 27.86);--red5:oklch(65.42% .2321 28.66);--red6:oklch(53.49% .1867 28.41);--red7:oklch(40.87% .1383 28.31);--red8:oklch(26.91% .0843 27.43);--orange1:oklch(97.94% .0169 76.12);--orange2:oklch(92.44% .0628 75.47);--orange3:oklch(86.56% .1144 74.96);--orange4:oklch(77.91% .1702 65.71);--orange5:oklch(76.52% .1752 62.57);--orange6:oklch(62.47% .142257 63.186);--orange7:oklch(47.75% .1069 65.23);--orange8:oklch(31.2% .0684 68.13);--yellow1:oklch(98.71% .0201 94.52);--yellow2:oklch(95.57% .0743 95.93);--yellow3:oklch(91.99% .1295 95.37);--yellow4:oklch(87.33% .176 91.91);--yellow5:oklch(86.52% .1768 90.38);--yellow6:oklch(70.52% .1441 90.64);--yellow7:oklch(53.55% .109476 91.1235);--yellow8:oklch(34.95% .0716 93.44);--green1:oklch(97.77% .0156 154.48);--green2:oklch(91.5% .0588 153.39);--green3:oklch(84.74% .1113 151.25);--green4:oklch(74.63% .183 148.25);--green5:oklch(73.03% .1944 147.44);--green6:oklch(59.64% .1556 147.67);--green7:oklch(45.69% .1169 147.76);--green8:oklch(29.96% .0699 149.05);--mint1:oklch(97.67% .0158 192.09);--mint2:oklch(91.4% .0559 193.43);--mint3:oklch(84.89% .0975 191.4);--mint4:oklch(76.08% .1293 189.71);--mint5:oklch(74.81% .1296 189.03);--mint6:oklch(61.02% .1054 189.82);--mint7:oklch(46.64% .0808 189.01);--mint8:oklch(30.41% .052376 190.816);--teal1:oklch(97.6% .0099 212.52);--teal2:oklch(91.01% .0384 208.75);--teal3:oklch(83.55% .0693 209.91);--teal4:oklch(71.96% .1068 211.76);--teal5:oklch(69.98% .1109 212.72);--teal6:oklch(57.32% .0893 212.09);--teal7:oklch(43.95% .0672 212.18);--teal8:oklch(29.06% .0415 210.48);--cyan1:oklch(97.65% .011 225.98);--cyan2:oklch(91.15% .0418 227.91);--cyan3:oklch(83.73% .0772 228.87);--cyan4:oklch(72.55% .1259 232.84);--cyan5:oklch(70.68% .1327 233.88);--cyan6:oklch(57.95% .1068 233.26);--cyan7:oklch(44.23% .0796 233.37);--cyan8:oklch(29.28% .0484 232.3);--blue1:oklch(96.63% .0165 250.84);--blue2:oklch(87.61% .062887 250.725);--blue3:oklch(77.33% .1193 251.31);--blue4:oklch(62.52% .2047 255.95);--blue5:oklch(60.28% .2177 257.42);--blue6:oklch(49.47% .175 256.92);--blue7:oklch(38.03% .12949 255.924);--blue8:oklch(25.32% .0794 253.56);--indigo1:oklch(96.48% .0133 290.75);--indigo2:oklch(86.98% .0495 286.6);--indigo3:oklch(75.4% .0957 284.55);--indigo4:oklch(56.4% .1758 279.91);--indigo5:oklch(52.95% .191 278.34);--indigo6:oklch(43.62% .1538 278.81);--indigo7:oklch(33.98% .1127 279.22);--indigo8:oklch(23.31% .0672 281.07);--purple1:oklch(96.97% .0163 313.62);--purple2:oklch(88.81% .0595 314.5);--purple3:oklch(79.08% .113 313.73);--purple4:oklch(64.18% .1982 312.55);--purple5:oklch(61.49% .2129 312.41);--purple6:oklch(50.43% .1716 312.44);--purple7:oklch(38.87% .126 312.32);--purple8:oklch(26.16% .0759 313.11);--pink1:oklch(96.56% .0177 4.51);--pink2:oklch(87.81% .0675 5.89);--pink3:oklch(77.9% .1338 8.42);--pink4:oklch(66.26% .2271 15.86);--pink5:oklch(64.97% .2383 17.9);--pink6:oklch(53.08% .1924 17.29);--pink7:oklch(40.48% .1434 16.74);--pink8:oklch(26.78% .0869 14.7);--brown1:oklch(97.38% .0045 78.3);--brown2:oklch(90.09% .0172 76.1);--brown3:oklch(81.17% .0322 75.16);--brown4:oklch(66.26% .0586 73.73);--brown5:oklch(63.22% .0643 72.82);--brown6:oklch(51.86% .0506 71.83);--brown7:oklch(40.04% .0375 74.38);--brown8:oklch(27.01% .0227 75.38);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--grey1:oklch(98.54% .001 286.38);--grey2:oklch(96.95% .005 258.32);--grey3:oklch(92.77% .01 267.36);--grey4:oklch(87.05% .012 252.1);--grey5:oklch(70.4% .03 263.37);--grey6:oklch(55.32% .032 261.39);--grey7:oklch(44.46% .03 263.13);--grey8:oklch(37.01% .034 262.07);--grey9:oklch(27.79% .029 267.58);--grey10:oklch(20.62% .027 267.82);--cold1:var(--grey1);--cold2:var(--grey2);--cold3:var(--grey3);--cold4:var(--grey4);--cold5:var(--grey5);--cold6:var(--grey6);--cold7:var(--grey7);--cold8:var(--grey8);--cold9:var(--grey9);--cold10:var(--grey10);--background:var(--cold10);--background-secondary:var(--cold9);--background-hover:var(--cold9);--background-selected:var(--cold8);--background-selected-hover:var(--cold7);--background-high-contrast:var(--black);--border-muted:var(--cold8);--border:var(--cold7);--border-strong:var(--cold6);--border-inked:var(--cold1);--border-inverse:var(--black);--border-focus:var(--blue4);--button:var(--blue4);--button-hover:var(--blue3);--button-active:var(--blue2);--button-disabled:var(--cold8);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--cold1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--content-primary:var(--cold1);--content-secondary:var(--cold4);--content-secondary-alt:var(--cold6);--content-placeholder:var(--cold7);--content-on-color:var(--white);--content-error:var(--red4);--content-success:var(--green4);--content-inked:var(--white)}[data-new-ui-theme=light--cold] .nu-u-text-cold1,[data-new-ui-theme=dark--cold] .nu-u-text-cold1{color:var(--cold1)}[data-new-ui-theme=light--cold] .nu-u-text-cold2,[data-new-ui-theme=dark--cold] .nu-u-text-cold2{color:var(--cold2)}[data-new-ui-theme=light--cold] .nu-u-text-cold3,[data-new-ui-theme=dark--cold] .nu-u-text-cold3{color:var(--cold3)}[data-new-ui-theme=light--cold] .nu-u-text-cold4,[data-new-ui-theme=dark--cold] .nu-u-text-cold4{color:var(--cold4)}[data-new-ui-theme=light--cold] .nu-u-text-cold5,[data-new-ui-theme=dark--cold] .nu-u-text-cold5{color:var(--cold5)}[data-new-ui-theme=light--cold] .nu-u-text-cold6,[data-new-ui-theme=dark--cold] .nu-u-text-cold6{color:var(--cold6)}[data-new-ui-theme=light--cold] .nu-u-text-cold7,[data-new-ui-theme=dark--cold] .nu-u-text-cold7{color:var(--cold7)}[data-new-ui-theme=light--cold] .nu-u-text-cold8,[data-new-ui-theme=dark--cold] .nu-u-text-cold8{color:var(--cold8)}[data-new-ui-theme=light--cold] .nu-u-text-cold9,[data-new-ui-theme=dark--cold] .nu-u-text-cold9{color:var(--cold9)}[data-new-ui-theme=light--cold] .nu-u-text-cold10,[data-new-ui-theme=dark--cold] .nu-u-text-cold10{color:var(--cold10)}[data-new-ui-theme=light--warm] .nu-u-text-warm1,[data-new-ui-theme=dark--warm] .nu-u-text-warm1{color:var(--warm1)}[data-new-ui-theme=light--warm] .nu-u-text-warm2,[data-new-ui-theme=dark--warm] .nu-u-text-warm2{color:var(--warm2)}[data-new-ui-theme=light--warm] .nu-u-text-warm3,[data-new-ui-theme=dark--warm] .nu-u-text-warm3{color:var(--warm3)}[data-new-ui-theme=light--warm] .nu-u-text-warm4,[data-new-ui-theme=dark--warm] .nu-u-text-warm4{color:var(--warm4)}[data-new-ui-theme=light--warm] .nu-u-text-warm5,[data-new-ui-theme=dark--warm] .nu-u-text-warm5{color:var(--warm5)}[data-new-ui-theme=light--warm] .nu-u-text-warm6,[data-new-ui-theme=dark--warm] .nu-u-text-warm6{color:var(--warm6)}[data-new-ui-theme=light--warm] .nu-u-text-warm7,[data-new-ui-theme=dark--warm] .nu-u-text-warm7{color:var(--warm7)}[data-new-ui-theme=light--warm] .nu-u-text-warm8,[data-new-ui-theme=dark--warm] .nu-u-text-warm8{color:var(--warm8)}[data-new-ui-theme=light--warm] .nu-u-text-warm9,[data-new-ui-theme=dark--warm] .nu-u-text-warm9{color:var(--warm9)}[data-new-ui-theme=light--warm] .nu-u-text-warm10,[data-new-ui-theme=dark--warm] .nu-u-text-warm10{color:var(--warm10)}.nu-u-bg{background-color:var(--background)}.nu-u-bg-secondary{background-color:var(--background-secondary)}.nu-u-bg-hover{background-color:var(--background-hover)}.nu-u-bg-selected{background-color:var(--background-selected)}.nu-u-bg-selected-hover{background-color:var(--background-selected-hover)}.nu-u-bg-high-contrast{background-color:var(--background-high-contrast)}.nu-u-bg-black{background-color:var(--black)}.nu-u-bg-white{background-color:var(--white)}.nu-u-b--muted{border-color:var(--border-muted)}.nu-u-b{border-color:var(--border)}.nu-u-b--strong{border-color:var(--border-strong)}.nu-u-b--inked{border-color:var(--border-inked)}.nu-u-b--inverse{border-color:var(--border-inverse)}.nu-u-b--focus{border-color:var(--border-focus)}.nu-u-text--primary{color:var(--content-primary)}.nu-u-text--secondary{color:var(--content-secondary)}.nu-u-text--secondary-alt{color:var(--content-secondary-alt)}.nu-u-text--placeholder::placeholder{color:var(--content-placeholder)}.nu-u-text--on-color{color:var(--content-on-color)}.nu-u-text--error{color:var(--content-error)}.nu-u-text--success{color:var(--content-success)}.nu-u-text--inked{color:var(--content-inked)}.nu-u-text-black{color:var(--black)}.nu-u-text-white{color:var(--white)}.nu-u-link{color:var(--link)}.nu-u-link--hover{color:var(--link-hover)}.nu-u-link--subtle{color:var(--link-subtle)}.nu-u-link--visited{color:var(--link-visited)}.nu-u-support--error{color:var(--support-error)}.nu-u-support--warning{color:var(--support-warning)}.nu-u-support--success{color:var(--support-success)}.nu-u-support--info{color:var(--support-info)}
2
2
  /*# sourceMappingURL=index.css.map */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"ACGA,ilJCAA,82JCAA,g3JCAA,ykJCAA,42JCAA,82JCFE,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,uHAIA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,uHAGF,4CACA,gEACA,wDACA,8DACA,0EACA,wEAEA,6CACA,6CAGA,gDACA,mCACA,kDACA,gDACA,oDACA,gDAGA,iDACA,qDACA,6DACA,sEAAA,+EAGA,mDACA,6CACA,iDACA,6CAEA,oCACA,oCAGA,6BACA,0CACA,4CACA,8CAGA,gDACA,oDACA,oDACA","sources":["index.css","src/_theme-light.scss","src/_theme-light--warm.scss","src/_theme-light--cold.scss","src/_theme-dark.scss","src/_theme-dark--warm.scss","src/_theme-dark--cold.scss","src/_utilities.scss"],"sourcesContent":[":root, [data-new-ui-theme=\"light\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--white);\n --background-secondary: var(--grey1);\n --background-hover: var(--grey1);\n --background-selected: var(--grey2);\n --background-selected-hover: var(--grey3);\n --background-high-contrast: var(--white);\n --border-muted: var(--grey3);\n --border: var(--grey4);\n --border-strong: var(--grey6);\n --border-inked: var(--grey10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--grey4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--grey8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--grey10);\n --content-secondary: var(--grey7);\n --content-secondary-alt: var(--grey5);\n --content-placeholder: var(--grey4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--warm1);\n --background-hover: var(--warm1);\n --background-selected: var(--warm2);\n --background-selected-hover: var(--warm3);\n --background-high-contrast: var(--white);\n --border-muted: var(--warm3);\n --border: var(--warm4);\n --border-strong: var(--warm6);\n --border-inked: var(--warm10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--warm4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--warm8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--warm10);\n --content-secondary: var(--warm7);\n --content-secondary-alt: var(--warm5);\n --content-placeholder: var(--warm4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(98.54% .001 286.38);\n --grey2: oklch(96.95% .005 258.32);\n --grey3: oklch(92.77% .01 267.36);\n --grey4: oklch(87.05% .012 252.1);\n --grey5: oklch(70.4% .03 263.37);\n --grey6: oklch(55.32% .032 261.39);\n --grey7: oklch(44.46% .03 263.13);\n --grey8: oklch(37.01% .034 262.07);\n --grey9: oklch(27.79% .029 267.58);\n --grey10: oklch(20.62% .027 267.82);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--cold1);\n --background-hover: var(--cold1);\n --background-selected: var(--cold2);\n --background-selected-hover: var(--cold3);\n --background-high-contrast: var(--white);\n --border-muted: var(--cold3);\n --border: var(--cold4);\n --border-strong: var(--cold6);\n --border-inked: var(--cold10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--cold4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--cold8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--cold10);\n --content-secondary: var(--cold7);\n --content-secondary-alt: var(--cold5);\n --content-placeholder: var(--cold4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"dark\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--grey10);\n --background-secondary: var(--grey9);\n --background-hover: var(--grey9);\n --background-selected: var(--grey8);\n --background-selected-hover: var(--grey7);\n --background-high-contrast: var(--black);\n --border-muted: var(--grey8);\n --border: var(--grey7);\n --border-strong: var(--grey6);\n --border-inked: var(--grey1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--grey8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--grey1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--grey1);\n --content-secondary: var(--grey4);\n --content-secondary-alt: var(--grey6);\n --content-placeholder: var(--grey7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--warm10);\n --background-secondary: var(--warm9);\n --background-hover: var(--warm9);\n --background-selected: var(--warm8);\n --background-selected-hover: var(--warm7);\n --background-high-contrast: var(--black);\n --border-muted: var(--warm8);\n --border: var(--warm7);\n --border-strong: var(--warm6);\n --border-inked: var(--warm1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--warm8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--warm1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--warm1);\n --content-secondary: var(--warm4);\n --content-secondary-alt: var(--warm6);\n --content-placeholder: var(--warm7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(98.54% .001 286.38);\n --grey2: oklch(96.95% .005 258.32);\n --grey3: oklch(92.77% .01 267.36);\n --grey4: oklch(87.05% .012 252.1);\n --grey5: oklch(70.4% .03 263.37);\n --grey6: oklch(55.32% .032 261.39);\n --grey7: oklch(44.46% .03 263.13);\n --grey8: oklch(37.01% .034 262.07);\n --grey9: oklch(27.79% .029 267.58);\n --grey10: oklch(20.62% .027 267.82);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--cold10);\n --background-secondary: var(--cold9);\n --background-hover: var(--cold9);\n --background-selected: var(--cold8);\n --background-selected-hover: var(--cold7);\n --background-high-contrast: var(--black);\n --border-muted: var(--cold8);\n --border: var(--cold7);\n --border-strong: var(--cold6);\n --border-inked: var(--cold1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--cold8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--cold1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--cold1);\n --content-secondary: var(--cold4);\n --content-secondary-alt: var(--cold6);\n --content-placeholder: var(--cold7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold1, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold1 {\n color: var(--cold1);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold2, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold2 {\n color: var(--cold2);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold3, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold3 {\n color: var(--cold3);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold4, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold4 {\n color: var(--cold4);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold5, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold5 {\n color: var(--cold5);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold6, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold6 {\n color: var(--cold6);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold7, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold7 {\n color: var(--cold7);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold8, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold8 {\n color: var(--cold8);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold9, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold9 {\n color: var(--cold9);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold10, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold10 {\n color: var(--cold10);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm1, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm1 {\n color: var(--warm1);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm2, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm2 {\n color: var(--warm2);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm3, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm3 {\n color: var(--warm3);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm4, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm4 {\n color: var(--warm4);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm5, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm5 {\n color: var(--warm5);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm6, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm6 {\n color: var(--warm6);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm7, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm7 {\n color: var(--warm7);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm8, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm8 {\n color: var(--warm8);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm9, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm9 {\n color: var(--warm9);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm10, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm10 {\n color: var(--warm10);\n}\n\n.nu-u-bg {\n background-color: var(--background);\n}\n\n.nu-u-bg-secondary {\n background-color: var(--background-secondary);\n}\n\n.nu-u-bg-hover {\n background-color: var(--background-hover);\n}\n\n.nu-u-bg-selected {\n background-color: var(--background-selected);\n}\n\n.nu-u-bg-selected-hover {\n background-color: var(--background-selected-hover);\n}\n\n.nu-u-bg-high-contrast {\n background-color: var(--background-high-contrast);\n}\n\n.nu-u-bg-black {\n background-color: var(--black);\n}\n\n.nu-u-bg-white {\n background-color: var(--white);\n}\n\n.nu-u-b--muted {\n border-color: var(--border-muted);\n}\n\n.nu-u-b {\n border-color: var(--border);\n}\n\n.nu-u-b--strong {\n border-color: var(--border-strong);\n}\n\n.nu-u-b--inked {\n border-color: var(--border-inked);\n}\n\n.nu-u-b--inverse {\n border-color: var(--border-inverse);\n}\n\n.nu-u-b--focus {\n border-color: var(--border-focus);\n}\n\n.nu-u-text--primary {\n color: var(--content-primary);\n}\n\n.nu-u-text--secondary {\n color: var(--content-secondary);\n}\n\n.nu-u-text--secondary-alt {\n color: var(--content-secondary-alt);\n}\n\n.nu-u-text--placeholder::placeholder {\n color: var(--content-placeholder);\n}\n\n.nu-u-text--placeholder::placeholder {\n color: var(--content-placeholder);\n}\n\n.nu-u-text--placeholder:-ms-placeholder-shown {\n color: var(--content-placeholder);\n}\n\n.nu-u-text--on-color {\n color: var(--content-on-color);\n}\n\n.nu-u-text--error {\n color: var(--content-error);\n}\n\n.nu-u-text--success {\n color: var(--content-success);\n}\n\n.nu-u-text--inked {\n color: var(--content-inked);\n}\n\n.nu-u-text-black {\n color: var(--black);\n}\n\n.nu-u-text-white {\n color: var(--white);\n}\n\n.nu-u-link {\n color: var(--link);\n}\n\n.nu-u-link--hover {\n color: var(--link-hover);\n}\n\n.nu-u-link--subtle {\n color: var(--link-subtle);\n}\n\n.nu-u-link--visited {\n color: var(--link-visited);\n}\n\n.nu-u-support--error {\n color: var(--support-error);\n}\n\n.nu-u-support--warning {\n color: var(--support-warning);\n}\n\n.nu-u-support--success {\n color: var(--support-success);\n}\n\n.nu-u-support--info {\n color: var(--support-info);\n}\n/*# sourceMappingURL=index.css.map */\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n:root, [data-new-ui-theme=\"light\"] {\n @include color-palette;\n \n @include grey-scale(\n oklch(96.72% 0 0),\n oklch(90.67% 0 0),\n oklch(82.66% 0 0),\n oklch(73.16% 0 0),\n oklch(64.34% 0 0),\n oklch(54.17% 0 0),\n oklch(43.86% 0 0),\n oklch(34.46% 0 0),\n oklch(26.86% 0 0),\n oklch(20.02% 0 0)\n );\n \n @include semantic-tokens-light;\n}","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme=\"light--warm\"] {\n @include color-palette;\n \n @include grey-scale(\n oklch(95.79% 0.001 106.42),\n oklch(94.39% 0.001 17.18),\n oklch(87.66% 0.002 67.80),\n oklch(73.07% 0.004 106.50),\n oklch(62.89% 0.006 106.57),\n oklch(54.10% 0.008 97.45),\n oklch(43.73% 0.011 100.22),\n oklch(34.71% 0.012 100.33),\n oklch(26.31% 0.013 100.51),\n oklch(21.35% 0.012 91.77),\n 'warm'\n );\n \n @include semantic-tokens-light('warm');\n}","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme=\"light--cold\"] {\n @include color-palette;\n \n @include grey-scale(\n oklch(98.54% 0.001 286.38),\n oklch(96.95% 0.005 258.32),\n oklch(92.77% 0.010 267.36),\n oklch(87.05% 0.012 252.10),\n oklch(70.40% 0.030 263.37),\n oklch(55.32% 0.032 261.39),\n oklch(44.46% 0.030 263.13),\n oklch(37.01% 0.034 262.07),\n oklch(27.79% 0.029 267.58),\n oklch(20.62% 0.027 267.82),\n 'cold'\n );\n \n @include semantic-tokens-light('cold');\n}","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme=\"dark\"] {\n @include color-palette;\n \n @include grey-scale(\n oklch(96.72% 0 0),\n oklch(90.67% 0 0),\n oklch(82.66% 0 0),\n oklch(73.16% 0 0),\n oklch(64.34% 0 0),\n oklch(54.17% 0 0),\n oklch(43.86% 0 0),\n oklch(34.46% 0 0),\n oklch(26.86% 0 0),\n oklch(20.02% 0 0)\n );\n \n @include semantic-tokens-dark;\n}","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme=\"dark--warm\"] {\n @include color-palette;\n \n @include grey-scale(\n oklch(95.79% 0.001 106.42),\n oklch(94.39% 0.001 17.18),\n oklch(87.66% 0.002 67.80),\n oklch(73.07% 0.004 106.50),\n oklch(62.89% 0.006 106.57),\n oklch(54.10% 0.008 97.45),\n oklch(43.73% 0.011 100.22),\n oklch(34.71% 0.012 100.33),\n oklch(26.31% 0.013 100.51),\n oklch(21.35% 0.012 91.77),\n 'warm'\n );\n \n @include semantic-tokens-dark('warm');\n}","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme=\"dark--cold\"] {\n @include color-palette;\n \n @include grey-scale(\n oklch(98.54% 0.001 286.38),\n oklch(96.95% 0.005 258.32),\n oklch(92.77% 0.010 267.36),\n oklch(87.05% 0.012 252.10),\n oklch(70.40% 0.030 263.37),\n oklch(55.32% 0.032 261.39),\n oklch(44.46% 0.030 263.13),\n oklch(37.01% 0.034 262.07),\n oklch(27.79% 0.029 267.58),\n oklch(20.62% 0.027 267.82),\n 'cold'\n );\n \n @include semantic-tokens-dark('cold');\n}","[data-new-ui-theme=\"light--cold\"], [data-new-ui-theme=\"dark--cold\"] {\n .nu-u-text-cold1 {color: var(--cold1);}\n .nu-u-text-cold2 {color: var(--cold2);}\n .nu-u-text-cold3 {color: var(--cold3);}\n .nu-u-text-cold4 {color: var(--cold4);}\n .nu-u-text-cold5 {color: var(--cold5);}\n .nu-u-text-cold6 {color: var(--cold6);}\n .nu-u-text-cold7 {color: var(--cold7);}\n .nu-u-text-cold8 {color: var(--cold8);}\n .nu-u-text-cold9 {color: var(--cold9);}\n .nu-u-text-cold10 {color: var(--cold10);}\n}\n\n[data-new-ui-theme=\"light--warm\"], [data-new-ui-theme=\"dark--warm\"] {\n .nu-u-text-warm1 {color: var(--warm1);}\n .nu-u-text-warm2 {color: var(--warm2);}\n .nu-u-text-warm3 {color: var(--warm3);}\n .nu-u-text-warm4 {color: var(--warm4);}\n .nu-u-text-warm5 {color: var(--warm5);}\n .nu-u-text-warm6 {color: var(--warm6);}\n .nu-u-text-warm7 {color: var(--warm7);}\n .nu-u-text-warm8 {color: var(--warm8);}\n .nu-u-text-warm9 {color: var(--warm9);}\n .nu-u-text-warm10 {color: var(--warm10);}\n}\n\n.nu-u-bg {background-color: var(--background);}\n.nu-u-bg-secondary {background-color: var(--background-secondary);}\n.nu-u-bg-hover {background-color: var(--background-hover);}\n.nu-u-bg-selected {background-color: var(--background-selected);}\n.nu-u-bg-selected-hover {background-color: var(--background-selected-hover);}\n.nu-u-bg-high-contrast {background-color: var(--background-high-contrast);}\n\n.nu-u-bg-black {background-color: var(--black);}\n.nu-u-bg-white {background-color: var(--white);}\n\n/* Border */\n.nu-u-b--muted {border-color: var(--border-muted);}\n.nu-u-b {border-color: var(--border);}\n.nu-u-b--strong {border-color: var(--border-strong);}\n.nu-u-b--inked {border-color: var(--border-inked);}\n.nu-u-b--inverse {border-color: var(--border-inverse);}\n.nu-u-b--focus {border-color: var(--border-focus);}\n\n/* Text */\n.nu-u-text--primary {color: var(--content-primary);}\n.nu-u-text--secondary {color: var(--content-secondary);}\n.nu-u-text--secondary-alt {color: var(--content-secondary-alt);}\n.nu-u-text--placeholder::placeholder, \n.nu-u-text--placeholder::-webkit-input-placeholder,\n.nu-u-text--placeholder:-ms-input-placeholder {color: var(--content-placeholder);}\n.nu-u-text--on-color {color: var(--content-on-color);}\n.nu-u-text--error {color: var(--content-error);}\n.nu-u-text--success {color: var(--content-success);}\n.nu-u-text--inked {color: var(--content-inked);}\n\n.nu-u-text-black {color: var(--black);}\n.nu-u-text-white {color: var(--white);}\n\n/* Links */\n.nu-u-link {color: var(--link);}\n.nu-u-link--hover {color: var(--link-hover);}\n.nu-u-link--subtle {color: var(--link-subtle);}\n.nu-u-link--visited {color: var(--link-visited);}\n\n/* Support */\n.nu-u-support--error {color: var(--support-error);}\n.nu-u-support--warning {color: var(--support-warning);}\n.nu-u-support--success {color: var(--support-success);}\n.nu-u-support--info {color: var(--support-info);}"],"names":[],"version":3,"file":"index.css.map"}
1
+ {"mappings":"ACGA,ilJCAA,82JCAA,g3JCAA,ykJCAA,42JCAA,82JCDE,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,uHAOA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,oHAIA,uHAKF,4CAIA,gEAIA,wDAIA,8DAIA,0EAIA,wEAIA,6CAIA,6CAKA,gDAIA,mCAIA,kDAIA,gDAIA,oDAIA,gDAKA,iDAIA,qDAIA,6DAIA,sEAIA,mDAIA,6CAIA,iDAIA,6CAIA,oCAIA,oCAKA,6BAIA,0CAIA,4CAIA,8CAKA,gDAIA,oDAIA,oDAIA","sources":["index.css","src/_theme-light.scss","src/_theme-light--warm.scss","src/_theme-light--cold.scss","src/_theme-dark.scss","src/_theme-dark--warm.scss","src/_theme-dark--cold.scss","src/_utilities.scss"],"sourcesContent":[":root, [data-new-ui-theme=\"light\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--white);\n --background-secondary: var(--grey1);\n --background-hover: var(--grey1);\n --background-selected: var(--grey2);\n --background-selected-hover: var(--grey3);\n --background-high-contrast: var(--white);\n --border-muted: var(--grey3);\n --border: var(--grey4);\n --border-strong: var(--grey6);\n --border-inked: var(--grey10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--grey4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--grey8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--grey10);\n --content-secondary: var(--grey7);\n --content-secondary-alt: var(--grey5);\n --content-placeholder: var(--grey4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--warm1);\n --background-hover: var(--warm1);\n --background-selected: var(--warm2);\n --background-selected-hover: var(--warm3);\n --background-high-contrast: var(--white);\n --border-muted: var(--warm3);\n --border: var(--warm4);\n --border-strong: var(--warm6);\n --border-inked: var(--warm10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--warm4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--warm8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--warm10);\n --content-secondary: var(--warm7);\n --content-secondary-alt: var(--warm5);\n --content-placeholder: var(--warm4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(98.54% .001 286.38);\n --grey2: oklch(96.95% .005 258.32);\n --grey3: oklch(92.77% .01 267.36);\n --grey4: oklch(87.05% .012 252.1);\n --grey5: oklch(70.4% .03 263.37);\n --grey6: oklch(55.32% .032 261.39);\n --grey7: oklch(44.46% .03 263.13);\n --grey8: oklch(37.01% .034 262.07);\n --grey9: oklch(27.79% .029 267.58);\n --grey10: oklch(20.62% .027 267.82);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--white);\n --background-secondary: var(--cold1);\n --background-hover: var(--cold1);\n --background-selected: var(--cold2);\n --background-selected-hover: var(--cold3);\n --background-high-contrast: var(--white);\n --border-muted: var(--cold3);\n --border: var(--cold4);\n --border-strong: var(--cold6);\n --border-inked: var(--cold10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--cold4);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--cold8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --content-primary: var(--cold10);\n --content-secondary: var(--cold7);\n --content-secondary-alt: var(--cold5);\n --content-placeholder: var(--cold4);\n --content-on-color: var(--white);\n --content-error: var(--red6);\n --content-success: var(--green6);\n --content-inked: var(--black);\n}\n\n[data-new-ui-theme=\"dark\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --background: var(--grey10);\n --background-secondary: var(--grey9);\n --background-hover: var(--grey9);\n --background-selected: var(--grey8);\n --background-selected-hover: var(--grey7);\n --background-high-contrast: var(--black);\n --border-muted: var(--grey8);\n --border: var(--grey7);\n --border-strong: var(--grey6);\n --border-inked: var(--grey1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--grey8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--grey1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--grey1);\n --content-secondary: var(--grey4);\n --content-secondary-alt: var(--grey6);\n --content-placeholder: var(--grey7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(95.79% .001 106.42);\n --grey2: oklch(94.39% .001 17.18);\n --grey3: oklch(87.66% .002 67.8);\n --grey4: oklch(73.07% .004 106.5);\n --grey5: oklch(62.89% .006 106.57);\n --grey6: oklch(54.1% .008 97.45);\n --grey7: oklch(43.73% .011 100.22);\n --grey8: oklch(34.71% .012 100.33);\n --grey9: oklch(26.31% .013 100.51);\n --grey10: oklch(21.35% .012 91.77);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --background: var(--warm10);\n --background-secondary: var(--warm9);\n --background-hover: var(--warm9);\n --background-selected: var(--warm8);\n --background-selected-hover: var(--warm7);\n --background-high-contrast: var(--black);\n --border-muted: var(--warm8);\n --border: var(--warm7);\n --border-strong: var(--warm6);\n --border-inked: var(--warm1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--warm8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--warm1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--warm1);\n --content-secondary: var(--warm4);\n --content-secondary-alt: var(--warm6);\n --content-placeholder: var(--warm7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --grey1: oklch(98.54% .001 286.38);\n --grey2: oklch(96.95% .005 258.32);\n --grey3: oklch(92.77% .01 267.36);\n --grey4: oklch(87.05% .012 252.1);\n --grey5: oklch(70.4% .03 263.37);\n --grey6: oklch(55.32% .032 261.39);\n --grey7: oklch(44.46% .03 263.13);\n --grey8: oklch(37.01% .034 262.07);\n --grey9: oklch(27.79% .029 267.58);\n --grey10: oklch(20.62% .027 267.82);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --background: var(--cold10);\n --background-secondary: var(--cold9);\n --background-hover: var(--cold9);\n --background-selected: var(--cold8);\n --background-selected-hover: var(--cold7);\n --background-high-contrast: var(--black);\n --border-muted: var(--cold8);\n --border: var(--cold7);\n --border-strong: var(--cold6);\n --border-inked: var(--cold1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--cold8);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--cold1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --content-primary: var(--cold1);\n --content-secondary: var(--cold4);\n --content-secondary-alt: var(--cold6);\n --content-placeholder: var(--cold7);\n --content-on-color: var(--white);\n --content-error: var(--red4);\n --content-success: var(--green4);\n --content-inked: var(--white);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold1, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold1 {\n color: var(--cold1);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold2, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold2 {\n color: var(--cold2);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold3, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold3 {\n color: var(--cold3);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold4, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold4 {\n color: var(--cold4);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold5, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold5 {\n color: var(--cold5);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold6, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold6 {\n color: var(--cold6);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold7, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold7 {\n color: var(--cold7);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold8, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold8 {\n color: var(--cold8);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold9, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold9 {\n color: var(--cold9);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold10, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold10 {\n color: var(--cold10);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm1, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm1 {\n color: var(--warm1);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm2, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm2 {\n color: var(--warm2);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm3, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm3 {\n color: var(--warm3);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm4, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm4 {\n color: var(--warm4);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm5, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm5 {\n color: var(--warm5);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm6, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm6 {\n color: var(--warm6);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm7, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm7 {\n color: var(--warm7);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm8, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm8 {\n color: var(--warm8);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm9, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm9 {\n color: var(--warm9);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm10, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm10 {\n color: var(--warm10);\n}\n\n.nu-u-bg {\n background-color: var(--background);\n}\n\n.nu-u-bg-secondary {\n background-color: var(--background-secondary);\n}\n\n.nu-u-bg-hover {\n background-color: var(--background-hover);\n}\n\n.nu-u-bg-selected {\n background-color: var(--background-selected);\n}\n\n.nu-u-bg-selected-hover {\n background-color: var(--background-selected-hover);\n}\n\n.nu-u-bg-high-contrast {\n background-color: var(--background-high-contrast);\n}\n\n.nu-u-bg-black {\n background-color: var(--black);\n}\n\n.nu-u-bg-white {\n background-color: var(--white);\n}\n\n.nu-u-b--muted {\n border-color: var(--border-muted);\n}\n\n.nu-u-b {\n border-color: var(--border);\n}\n\n.nu-u-b--strong {\n border-color: var(--border-strong);\n}\n\n.nu-u-b--inked {\n border-color: var(--border-inked);\n}\n\n.nu-u-b--inverse {\n border-color: var(--border-inverse);\n}\n\n.nu-u-b--focus {\n border-color: var(--border-focus);\n}\n\n.nu-u-text--primary {\n color: var(--content-primary);\n}\n\n.nu-u-text--secondary {\n color: var(--content-secondary);\n}\n\n.nu-u-text--secondary-alt {\n color: var(--content-secondary-alt);\n}\n\n.nu-u-text--placeholder::placeholder {\n color: var(--content-placeholder);\n}\n\n.nu-u-text--on-color {\n color: var(--content-on-color);\n}\n\n.nu-u-text--error {\n color: var(--content-error);\n}\n\n.nu-u-text--success {\n color: var(--content-success);\n}\n\n.nu-u-text--inked {\n color: var(--content-inked);\n}\n\n.nu-u-text-black {\n color: var(--black);\n}\n\n.nu-u-text-white {\n color: var(--white);\n}\n\n.nu-u-link {\n color: var(--link);\n}\n\n.nu-u-link--hover {\n color: var(--link-hover);\n}\n\n.nu-u-link--subtle {\n color: var(--link-subtle);\n}\n\n.nu-u-link--visited {\n color: var(--link-visited);\n}\n\n.nu-u-support--error {\n color: var(--support-error);\n}\n\n.nu-u-support--warning {\n color: var(--support-warning);\n}\n\n.nu-u-support--success {\n color: var(--support-success);\n}\n\n.nu-u-support--info {\n color: var(--support-info);\n}\n/*# sourceMappingURL=index.css.map */\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n:root,\n[data-new-ui-theme='light'] {\n @include color-palette;\n @include grey-scale(\n oklch(96.72% 0 0),\n oklch(90.67% 0 0),\n oklch(82.66% 0 0),\n oklch(73.16% 0 0),\n oklch(64.34% 0 0),\n oklch(54.17% 0 0),\n oklch(43.86% 0 0),\n oklch(34.46% 0 0),\n oklch(26.86% 0 0),\n oklch(20.02% 0 0)\n );\n @include semantic-tokens-light;\n}\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme='light--warm'] {\n @include color-palette;\n @include grey-scale(\n oklch(95.79% 0.001 106.42),\n oklch(94.39% 0.001 17.18),\n oklch(87.66% 0.002 67.8),\n oklch(73.07% 0.004 106.5),\n oklch(62.89% 0.006 106.57),\n oklch(54.1% 0.008 97.45),\n oklch(43.73% 0.011 100.22),\n oklch(34.71% 0.012 100.33),\n oklch(26.31% 0.013 100.51),\n oklch(21.35% 0.012 91.77),\n 'warm'\n );\n @include semantic-tokens-light('warm');\n}\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme='light--cold'] {\n @include color-palette;\n @include grey-scale(\n oklch(98.54% 0.001 286.38),\n oklch(96.95% 0.005 258.32),\n oklch(92.77% 0.01 267.36),\n oklch(87.05% 0.012 252.1),\n oklch(70.4% 0.03 263.37),\n oklch(55.32% 0.032 261.39),\n oklch(44.46% 0.03 263.13),\n oklch(37.01% 0.034 262.07),\n oklch(27.79% 0.029 267.58),\n oklch(20.62% 0.027 267.82),\n 'cold'\n );\n @include semantic-tokens-light('cold');\n}\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme='dark'] {\n @include color-palette;\n @include grey-scale(\n oklch(96.72% 0 0),\n oklch(90.67% 0 0),\n oklch(82.66% 0 0),\n oklch(73.16% 0 0),\n oklch(64.34% 0 0),\n oklch(54.17% 0 0),\n oklch(43.86% 0 0),\n oklch(34.46% 0 0),\n oklch(26.86% 0 0),\n oklch(20.02% 0 0)\n );\n @include semantic-tokens-dark;\n}\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme='dark--warm'] {\n @include color-palette;\n @include grey-scale(\n oklch(95.79% 0.001 106.42),\n oklch(94.39% 0.001 17.18),\n oklch(87.66% 0.002 67.8),\n oklch(73.07% 0.004 106.5),\n oklch(62.89% 0.006 106.57),\n oklch(54.1% 0.008 97.45),\n oklch(43.73% 0.011 100.22),\n oklch(34.71% 0.012 100.33),\n oklch(26.31% 0.013 100.51),\n oklch(21.35% 0.012 91.77),\n 'warm'\n );\n @include semantic-tokens-dark('warm');\n}\n","@use 'palette' as *;\n@use 'theme-mixins' as *;\n\n[data-new-ui-theme='dark--cold'] {\n @include color-palette;\n @include grey-scale(\n oklch(98.54% 0.001 286.38),\n oklch(96.95% 0.005 258.32),\n oklch(92.77% 0.01 267.36),\n oklch(87.05% 0.012 252.1),\n oklch(70.4% 0.03 263.37),\n oklch(55.32% 0.032 261.39),\n oklch(44.46% 0.03 263.13),\n oklch(37.01% 0.034 262.07),\n oklch(27.79% 0.029 267.58),\n oklch(20.62% 0.027 267.82),\n 'cold'\n );\n @include semantic-tokens-dark('cold');\n}\n","[data-new-ui-theme='light--cold'],\n[data-new-ui-theme='dark--cold'] {\n .nu-u-text-cold1 {\n color: var(--cold1);\n }\n\n .nu-u-text-cold2 {\n color: var(--cold2);\n }\n\n .nu-u-text-cold3 {\n color: var(--cold3);\n }\n\n .nu-u-text-cold4 {\n color: var(--cold4);\n }\n\n .nu-u-text-cold5 {\n color: var(--cold5);\n }\n\n .nu-u-text-cold6 {\n color: var(--cold6);\n }\n\n .nu-u-text-cold7 {\n color: var(--cold7);\n }\n\n .nu-u-text-cold8 {\n color: var(--cold8);\n }\n\n .nu-u-text-cold9 {\n color: var(--cold9);\n }\n\n .nu-u-text-cold10 {\n color: var(--cold10);\n }\n}\n\n[data-new-ui-theme='light--warm'],\n[data-new-ui-theme='dark--warm'] {\n .nu-u-text-warm1 {\n color: var(--warm1);\n }\n\n .nu-u-text-warm2 {\n color: var(--warm2);\n }\n\n .nu-u-text-warm3 {\n color: var(--warm3);\n }\n\n .nu-u-text-warm4 {\n color: var(--warm4);\n }\n\n .nu-u-text-warm5 {\n color: var(--warm5);\n }\n\n .nu-u-text-warm6 {\n color: var(--warm6);\n }\n\n .nu-u-text-warm7 {\n color: var(--warm7);\n }\n\n .nu-u-text-warm8 {\n color: var(--warm8);\n }\n\n .nu-u-text-warm9 {\n color: var(--warm9);\n }\n\n .nu-u-text-warm10 {\n color: var(--warm10);\n }\n}\n\n.nu-u-bg {\n background-color: var(--background);\n}\n\n.nu-u-bg-secondary {\n background-color: var(--background-secondary);\n}\n\n.nu-u-bg-hover {\n background-color: var(--background-hover);\n}\n\n.nu-u-bg-selected {\n background-color: var(--background-selected);\n}\n\n.nu-u-bg-selected-hover {\n background-color: var(--background-selected-hover);\n}\n\n.nu-u-bg-high-contrast {\n background-color: var(--background-high-contrast);\n}\n\n.nu-u-bg-black {\n background-color: var(--black);\n}\n\n.nu-u-bg-white {\n background-color: var(--white);\n}\n\n/* Border */\n.nu-u-b--muted {\n border-color: var(--border-muted);\n}\n\n.nu-u-b {\n border-color: var(--border);\n}\n\n.nu-u-b--strong {\n border-color: var(--border-strong);\n}\n\n.nu-u-b--inked {\n border-color: var(--border-inked);\n}\n\n.nu-u-b--inverse {\n border-color: var(--border-inverse);\n}\n\n.nu-u-b--focus {\n border-color: var(--border-focus);\n}\n\n/* Text */\n.nu-u-text--primary {\n color: var(--content-primary);\n}\n\n.nu-u-text--secondary {\n color: var(--content-secondary);\n}\n\n.nu-u-text--secondary-alt {\n color: var(--content-secondary-alt);\n}\n\n.nu-u-text--placeholder::placeholder {\n color: var(--content-placeholder);\n}\n\n.nu-u-text--on-color {\n color: var(--content-on-color);\n}\n\n.nu-u-text--error {\n color: var(--content-error);\n}\n\n.nu-u-text--success {\n color: var(--content-success);\n}\n\n.nu-u-text--inked {\n color: var(--content-inked);\n}\n\n.nu-u-text-black {\n color: var(--black);\n}\n\n.nu-u-text-white {\n color: var(--white);\n}\n\n/* Links */\n.nu-u-link {\n color: var(--link);\n}\n\n.nu-u-link--hover {\n color: var(--link-hover);\n}\n\n.nu-u-link--subtle {\n color: var(--link-subtle);\n}\n\n.nu-u-link--visited {\n color: var(--link-visited);\n}\n\n/* Support */\n.nu-u-support--error {\n color: var(--support-error);\n}\n\n.nu-u-support--warning {\n color: var(--support-warning);\n}\n\n.nu-u-support--success {\n color: var(--support-success);\n}\n\n.nu-u-support--info {\n color: var(--support-info);\n}\n"],"names":[],"version":3,"file":"index.css.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@new-ui/colors",
3
- "version": "2.2.1",
3
+ "version": "2.2.3",
4
4
  "description": "New UI colors",
5
5
  "source": "src/index.scss",
6
6
  "main": "dist/index.css",
@@ -19,7 +19,7 @@
19
19
  },
20
20
  "repository": {
21
21
  "type": "git",
22
- "url": "git+https://github.com/NewDesignFile/foundations.git"
22
+ "url": "git+https://github.com/create-new-ui/foundations.git"
23
23
  },
24
24
  "keywords": [
25
25
  "colors",
@@ -32,13 +32,13 @@
32
32
  "author": "@planetabhi",
33
33
  "license": "MIT",
34
34
  "bugs": {
35
- "url": "https://github.com/NewDesignFile/foundations/issues"
35
+ "url": "https://github.com/create-new-ui/foundations/issues"
36
36
  },
37
- "homepage": "https://github.com/NewDesignFile/foundations#readme",
37
+ "homepage": "https://github.com/create-new-ui/foundations#readme",
38
38
  "devDependencies": {
39
- "@parcel/transformer-sass": "^2.16.1",
40
- "autoprefixer": "^10.4.22",
41
- "parcel": "^2.16.1",
42
- "caniuse-lite": "^1.0.30001755"
39
+ "@parcel/transformer-sass": "^2.16.3",
40
+ "autoprefixer": "^10.4.23",
41
+ "parcel": "^2.16.3",
42
+ "caniuse-lite": "^1.0.30001761"
43
43
  }
44
44
  }
package/src/_palette.scss CHANGED
@@ -1,115 +1,102 @@
1
1
  // Shared New UI colors - used across all themes
2
2
 
3
3
  @mixin color-palette {
4
- --red1: oklch(96.89% 0.0152 22.39);
5
- --red2: oklch(88.06% 0.0631 22.04);
6
- --red3: oklch(78.71% 0.1233 23.85);
7
- --red4: oklch(66.85% 0.2188 27.86);
8
- --red5: oklch(65.42% 0.2321 28.66);
9
- --red6: oklch(53.49% 0.1867 28.41);
10
- --red7: oklch(40.87% 0.1383 28.31);
11
- --red8: oklch(26.91% 0.0843 27.43);
12
-
13
- --orange1: oklch(97.94% 0.0169 76.12);
14
- --orange2: oklch(92.44% 0.0628 75.47);
15
- --orange3: oklch(86.56% 0.1144 74.96);
16
- --orange4: oklch(77.91% 0.1702 65.71);
17
- --orange5: oklch(76.52% 0.1752 62.57);
18
- --orange6: oklch(62.47% 0.142257 63.186);
19
- --orange7: oklch(47.75% 0.1069 65.23);
20
- --orange8: oklch(31.2% 0.0684 68.13);
21
-
22
- --yellow1: oklch(98.71% 0.0201 94.52);
23
- --yellow2: oklch(95.57% 0.0743 95.93);
24
- --yellow3: oklch(91.99% 0.1295 95.37);
25
- --yellow4: oklch(87.33% 0.176 91.91);
26
- --yellow5: oklch(86.52% 0.1768 90.38);
27
- --yellow6: oklch(70.52% 0.1441 90.64);
28
- --yellow7: oklch(53.55% 0.109476 91.1235);
29
- --yellow8: oklch(34.95% 0.0716 93.44);
30
-
31
- --green1: oklch(97.77% 0.0156 154.48);
32
- --green2: oklch(91.5% 0.0588 153.39);
33
- --green3: oklch(84.74% 0.1113 151.25);
34
- --green4: oklch(74.63% 0.183 148.25);
35
- --green5: oklch(73.03% 0.1944 147.44);
36
- --green6: oklch(59.64% 0.1556 147.67);
37
- --green7: oklch(45.69% 0.1169 147.76);
38
- --green8: oklch(29.96% 0.0699 149.05);
39
-
40
- --mint1: oklch(97.67% 0.0158 192.09);
41
- --mint2: oklch(91.4% 0.0559 193.43);
42
- --mint3: oklch(84.89% 0.0975 191.4);
43
- --mint4: oklch(76.08% 0.1293 189.71);
44
- --mint5: oklch(74.81% 0.1296 189.03);
45
- --mint6: oklch(61.02% 0.1054 189.82);
46
- --mint7: oklch(46.64% 0.0808 189.01);
47
- --mint8: oklch(30.41% 0.052376 190.8158);
48
-
49
- --teal1: oklch(97.6% 0.0099 212.52);
50
- --teal2: oklch(91.01% 0.0384 208.75);
51
- --teal3: oklch(83.55% 0.0693 209.91);
52
- --teal4: oklch(71.96% 0.1068 211.76);
53
- --teal5: oklch(69.98% 0.1109 212.72);
54
- --teal6: oklch(57.32% 0.0893 212.09);
55
- --teal7: oklch(43.95% 0.0672 212.18);
56
- --teal8: oklch(29.06% 0.0415 210.48);
57
-
58
- --cyan1: oklch(97.65% 0.011 225.98);
59
- --cyan2: oklch(91.15% 0.0418 227.91);
60
- --cyan3: oklch(83.73% 0.0772 228.87);
61
- --cyan4: oklch(72.55% 0.1259 232.84);
62
- --cyan5: oklch(70.68% 0.1327 233.88);
63
- --cyan6: oklch(57.95% 0.1068 233.26);
64
- --cyan7: oklch(44.23% 0.0796 233.37);
65
- --cyan8: oklch(29.28% 0.0484 232.3);
66
-
67
- --blue1: oklch(96.63% 0.0165 250.84);
68
- --blue2: oklch(87.61% 0.062887 250.7253);
69
- --blue3: oklch(77.33% 0.1193 251.31);
70
- --blue4: oklch(62.52% 0.2047 255.95);
71
- --blue5: oklch(60.28% 0.2177 257.42);
72
- --blue6: oklch(49.47% 0.175 256.92);
73
- --blue7: oklch(38.03% 0.12949 255.9238);
74
- --blue8: oklch(25.32% 0.0794 253.56);
75
-
76
- --indigo1: oklch(96.48% 0.0133 290.75);
77
- --indigo2: oklch(86.98% 0.0495 286.6);
78
- --indigo3: oklch(75.4% 0.0957 284.55);
79
- --indigo4: oklch(56.4% 0.1758 279.91);
80
- --indigo5: oklch(52.95% 0.191 278.34);
81
- --indigo6: oklch(43.62% 0.1538 278.81);
82
- --indigo7: oklch(33.98% 0.1127 279.22);
83
- --indigo8: oklch(23.31% 0.0672 281.07);
84
-
85
- --purple1: oklch(96.97% 0.0163 313.62);
86
- --purple2: oklch(88.81% 0.0595 314.5);
87
- --purple3: oklch(79.08% 0.113 313.73);
88
- --purple4: oklch(64.18% 0.1982 312.55);
89
- --purple5: oklch(61.49% 0.2129 312.41);
90
- --purple6: oklch(50.43% 0.1716 312.44);
91
- --purple7: oklch(38.87% 0.126 312.32);
92
- --purple8: oklch(26.16% 0.0759 313.11);
93
-
94
- --pink1: oklch(96.56% 0.0177 4.51);
95
- --pink2: oklch(87.81% 0.0675 5.89);
96
- --pink3: oklch(77.9% 0.1338 8.42);
97
- --pink4: oklch(66.26% 0.2271 15.86);
98
- --pink5: oklch(64.97% 0.2383 17.9);
99
- --pink6: oklch(53.08% 0.1924 17.29);
100
- --pink7: oklch(40.48% 0.1434 16.74);
101
- --pink8: oklch(26.78% 0.0869 14.7);
102
-
103
- --brown1: oklch(97.38% 0.0045 78.3);
104
- --brown2: oklch(90.09% 0.0172 76.1);
105
- --brown3: oklch(81.17% 0.0322 75.16);
106
- --brown4: oklch(66.26% 0.0586 73.73);
107
- --brown5: oklch(63.22% 0.0643 72.82);
108
- --brown6: oklch(51.86% 0.0506 71.83);
109
- --brown7: oklch(40.04% 0.0375 74.38);
110
- --brown8: oklch(27.01% 0.0227 75.38);
111
-
112
- --black: oklch(0% 0 0);
113
- --white: oklch(100% 0 0);
4
+ --red1: oklch(96.89% 0.0152 22.39deg);
5
+ --red2: oklch(88.06% 0.0631 22.04deg);
6
+ --red3: oklch(78.71% 0.1233 23.85deg);
7
+ --red4: oklch(66.85% 0.2188 27.86deg);
8
+ --red5: oklch(65.42% 0.2321 28.66deg);
9
+ --red6: oklch(53.49% 0.1867 28.41deg);
10
+ --red7: oklch(40.87% 0.1383 28.31deg);
11
+ --red8: oklch(26.91% 0.0843 27.43deg);
12
+ --orange1: oklch(97.94% 0.0169 76.12deg);
13
+ --orange2: oklch(92.44% 0.0628 75.47deg);
14
+ --orange3: oklch(86.56% 0.1144 74.96deg);
15
+ --orange4: oklch(77.91% 0.1702 65.71deg);
16
+ --orange5: oklch(76.52% 0.1752 62.57deg);
17
+ --orange6: oklch(62.47% 0.142257 63.186deg);
18
+ --orange7: oklch(47.75% 0.1069 65.23deg);
19
+ --orange8: oklch(31.2% 0.0684 68.13deg);
20
+ --yellow1: oklch(98.71% 0.0201 94.52deg);
21
+ --yellow2: oklch(95.57% 0.0743 95.93deg);
22
+ --yellow3: oklch(91.99% 0.1295 95.37deg);
23
+ --yellow4: oklch(87.33% 0.176 91.91deg);
24
+ --yellow5: oklch(86.52% 0.1768 90.38deg);
25
+ --yellow6: oklch(70.52% 0.1441 90.64deg);
26
+ --yellow7: oklch(53.55% 0.109476 91.1235deg);
27
+ --yellow8: oklch(34.95% 0.0716 93.44deg);
28
+ --green1: oklch(97.77% 0.0156 154.48deg);
29
+ --green2: oklch(91.5% 0.0588 153.39deg);
30
+ --green3: oklch(84.74% 0.1113 151.25deg);
31
+ --green4: oklch(74.63% 0.183 148.25deg);
32
+ --green5: oklch(73.03% 0.1944 147.44deg);
33
+ --green6: oklch(59.64% 0.1556 147.67deg);
34
+ --green7: oklch(45.69% 0.1169 147.76deg);
35
+ --green8: oklch(29.96% 0.0699 149.05deg);
36
+ --mint1: oklch(97.67% 0.0158 192.09deg);
37
+ --mint2: oklch(91.4% 0.0559 193.43deg);
38
+ --mint3: oklch(84.89% 0.0975 191.4deg);
39
+ --mint4: oklch(76.08% 0.1293 189.71deg);
40
+ --mint5: oklch(74.81% 0.1296 189.03deg);
41
+ --mint6: oklch(61.02% 0.1054 189.82deg);
42
+ --mint7: oklch(46.64% 0.0808 189.01deg);
43
+ --mint8: oklch(30.41% 0.052376 190.8158deg);
44
+ --teal1: oklch(97.6% 0.0099 212.52deg);
45
+ --teal2: oklch(91.01% 0.0384 208.75deg);
46
+ --teal3: oklch(83.55% 0.0693 209.91deg);
47
+ --teal4: oklch(71.96% 0.1068 211.76deg);
48
+ --teal5: oklch(69.98% 0.1109 212.72deg);
49
+ --teal6: oklch(57.32% 0.0893 212.09deg);
50
+ --teal7: oklch(43.95% 0.0672 212.18deg);
51
+ --teal8: oklch(29.06% 0.0415 210.48deg);
52
+ --cyan1: oklch(97.65% 0.011 225.98deg);
53
+ --cyan2: oklch(91.15% 0.0418 227.91deg);
54
+ --cyan3: oklch(83.73% 0.0772 228.87deg);
55
+ --cyan4: oklch(72.55% 0.1259 232.84deg);
56
+ --cyan5: oklch(70.68% 0.1327 233.88deg);
57
+ --cyan6: oklch(57.95% 0.1068 233.26deg);
58
+ --cyan7: oklch(44.23% 0.0796 233.37deg);
59
+ --cyan8: oklch(29.28% 0.0484 232.3deg);
60
+ --blue1: oklch(96.63% 0.0165 250.84deg);
61
+ --blue2: oklch(87.61% 0.062887 250.7253deg);
62
+ --blue3: oklch(77.33% 0.1193 251.31deg);
63
+ --blue4: oklch(62.52% 0.2047 255.95deg);
64
+ --blue5: oklch(60.28% 0.2177 257.42deg);
65
+ --blue6: oklch(49.47% 0.175 256.92deg);
66
+ --blue7: oklch(38.03% 0.12949 255.9238deg);
67
+ --blue8: oklch(25.32% 0.0794 253.56deg);
68
+ --indigo1: oklch(96.48% 0.0133 290.75deg);
69
+ --indigo2: oklch(86.98% 0.0495 286.6deg);
70
+ --indigo3: oklch(75.4% 0.0957 284.55deg);
71
+ --indigo4: oklch(56.4% 0.1758 279.91deg);
72
+ --indigo5: oklch(52.95% 0.191 278.34deg);
73
+ --indigo6: oklch(43.62% 0.1538 278.81deg);
74
+ --indigo7: oklch(33.98% 0.1127 279.22deg);
75
+ --indigo8: oklch(23.31% 0.0672 281.07deg);
76
+ --purple1: oklch(96.97% 0.0163 313.62deg);
77
+ --purple2: oklch(88.81% 0.0595 314.5deg);
78
+ --purple3: oklch(79.08% 0.113 313.73deg);
79
+ --purple4: oklch(64.18% 0.1982 312.55deg);
80
+ --purple5: oklch(61.49% 0.2129 312.41deg);
81
+ --purple6: oklch(50.43% 0.1716 312.44deg);
82
+ --purple7: oklch(38.87% 0.126 312.32deg);
83
+ --purple8: oklch(26.16% 0.0759 313.11deg);
84
+ --pink1: oklch(96.56% 0.0177 4.51deg);
85
+ --pink2: oklch(87.81% 0.0675 5.89deg);
86
+ --pink3: oklch(77.9% 0.1338 8.42deg);
87
+ --pink4: oklch(66.26% 0.2271 15.86deg);
88
+ --pink5: oklch(64.97% 0.2383 17.9deg);
89
+ --pink6: oklch(53.08% 0.1924 17.29deg);
90
+ --pink7: oklch(40.48% 0.1434 16.74deg);
91
+ --pink8: oklch(26.78% 0.0869 14.7deg);
92
+ --brown1: oklch(97.38% 0.0045 78.3deg);
93
+ --brown2: oklch(90.09% 0.0172 76.1deg);
94
+ --brown3: oklch(81.17% 0.0322 75.16deg);
95
+ --brown4: oklch(66.26% 0.0586 73.73deg);
96
+ --brown5: oklch(63.22% 0.0643 72.82deg);
97
+ --brown6: oklch(51.86% 0.0506 71.83deg);
98
+ --brown7: oklch(40.04% 0.0375 74.38deg);
99
+ --brown8: oklch(27.01% 0.0227 75.38deg);
100
+ --black: oklch(0% 0 0deg);
101
+ --white: oklch(100% 0 0deg);
114
102
  }
115
-
package/src/_theme-dark--cold.scss CHANGED
@@ -1,22 +1,20 @@
1
1
  @use 'palette' as *;
2
2
  @use 'theme-mixins' as *;
3
3
 
4
- [data-new-ui-theme="dark--cold"] {
4
+ [data-new-ui-theme='dark--cold'] {
5
5
  @include color-palette;
6
-
7
6
  @include grey-scale(
8
7
  oklch(98.54% 0.001 286.38),
9
8
  oklch(96.95% 0.005 258.32),
10
- oklch(92.77% 0.010 267.36),
11
- oklch(87.05% 0.012 252.10),
12
- oklch(70.40% 0.030 263.37),
9
+ oklch(92.77% 0.01 267.36),
10
+ oklch(87.05% 0.012 252.1),
11
+ oklch(70.4% 0.03 263.37),
13
12
  oklch(55.32% 0.032 261.39),
14
- oklch(44.46% 0.030 263.13),
13
+ oklch(44.46% 0.03 263.13),
15
14
  oklch(37.01% 0.034 262.07),
16
15
  oklch(27.79% 0.029 267.58),
17
16
  oklch(20.62% 0.027 267.82),
18
17
  'cold'
19
18
  );
20
-
21
19
  @include semantic-tokens-dark('cold');
22
- }
20
+ }
package/src/_theme-dark--warm.scss CHANGED
@@ -1,22 +1,20 @@
1
1
  @use 'palette' as *;
2
2
  @use 'theme-mixins' as *;
3
3
 
4
- [data-new-ui-theme="dark--warm"] {
4
+ [data-new-ui-theme='dark--warm'] {
5
5
  @include color-palette;
6
-
7
6
  @include grey-scale(
8
7
  oklch(95.79% 0.001 106.42),
9
8
  oklch(94.39% 0.001 17.18),
10
- oklch(87.66% 0.002 67.80),
11
- oklch(73.07% 0.004 106.50),
9
+ oklch(87.66% 0.002 67.8),
10
+ oklch(73.07% 0.004 106.5),
12
11
  oklch(62.89% 0.006 106.57),
13
- oklch(54.10% 0.008 97.45),
12
+ oklch(54.1% 0.008 97.45),
14
13
  oklch(43.73% 0.011 100.22),
15
14
  oklch(34.71% 0.012 100.33),
16
15
  oklch(26.31% 0.013 100.51),
17
16
  oklch(21.35% 0.012 91.77),
18
17
  'warm'
19
18
  );
20
-
21
19
  @include semantic-tokens-dark('warm');
22
- }
20
+ }
package/src/_theme-dark.scss CHANGED
@@ -1,9 +1,8 @@
1
1
  @use 'palette' as *;
2
2
  @use 'theme-mixins' as *;
3
3
 
4
- [data-new-ui-theme="dark"] {
4
+ [data-new-ui-theme='dark'] {
5
5
  @include color-palette;
6
-
7
6
  @include grey-scale(
8
7
  oklch(96.72% 0 0),
9
8
  oklch(90.67% 0 0),
@@ -16,6 +15,5 @@
16
15
  oklch(26.86% 0 0),
17
16
  oklch(20.02% 0 0)
18
17
  );
19
-
20
18
  @include semantic-tokens-dark;
21
- }
19
+ }
package/src/_theme-light--cold.scss CHANGED
@@ -1,22 +1,20 @@
1
1
  @use 'palette' as *;
2
2
  @use 'theme-mixins' as *;
3
3
 
4
- [data-new-ui-theme="light--cold"] {
4
+ [data-new-ui-theme='light--cold'] {
5
5
  @include color-palette;
6
-
7
6
  @include grey-scale(
8
7
  oklch(98.54% 0.001 286.38),
9
8
  oklch(96.95% 0.005 258.32),
10
- oklch(92.77% 0.010 267.36),
11
- oklch(87.05% 0.012 252.10),
12
- oklch(70.40% 0.030 263.37),
9
+ oklch(92.77% 0.01 267.36),
10
+ oklch(87.05% 0.012 252.1),
11
+ oklch(70.4% 0.03 263.37),
13
12
  oklch(55.32% 0.032 261.39),
14
- oklch(44.46% 0.030 263.13),
13
+ oklch(44.46% 0.03 263.13),
15
14
  oklch(37.01% 0.034 262.07),
16
15
  oklch(27.79% 0.029 267.58),
17
16
  oklch(20.62% 0.027 267.82),
18
17
  'cold'
19
18
  );
20
-
21
19
  @include semantic-tokens-light('cold');
22
- }
20
+ }
package/src/_theme-light--warm.scss CHANGED
@@ -1,22 +1,20 @@
1
1
  @use 'palette' as *;
2
2
  @use 'theme-mixins' as *;
3
3
 
4
- [data-new-ui-theme="light--warm"] {
4
+ [data-new-ui-theme='light--warm'] {
5
5
  @include color-palette;
6
-
7
6
  @include grey-scale(
8
7
  oklch(95.79% 0.001 106.42),
9
8
  oklch(94.39% 0.001 17.18),
10
- oklch(87.66% 0.002 67.80),
11
- oklch(73.07% 0.004 106.50),
9
+ oklch(87.66% 0.002 67.8),
10
+ oklch(73.07% 0.004 106.5),
12
11
  oklch(62.89% 0.006 106.57),
13
- oklch(54.10% 0.008 97.45),
12
+ oklch(54.1% 0.008 97.45),
14
13
  oklch(43.73% 0.011 100.22),
15
14
  oklch(34.71% 0.012 100.33),
16
15
  oklch(26.31% 0.013 100.51),
17
16
  oklch(21.35% 0.012 91.77),
18
17
  'warm'
19
18
  );
20
-
21
19
  @include semantic-tokens-light('warm');
22
- }
20
+ }
package/src/_theme-light.scss CHANGED
@@ -1,9 +1,9 @@
1
1
  @use 'palette' as *;
2
2
  @use 'theme-mixins' as *;
3
3
 
4
- :root, [data-new-ui-theme="light"] {
4
+ :root,
5
+ [data-new-ui-theme='light'] {
5
6
  @include color-palette;
6
-
7
7
  @include grey-scale(
8
8
  oklch(96.72% 0 0),
9
9
  oklch(90.67% 0 0),
@@ -16,6 +16,5 @@
16
16
  oklch(26.86% 0 0),
17
17
  oklch(20.02% 0 0)
18
18
  );
19
-
20
19
  @include semantic-tokens-light;
21
- }
20
+ }
package/src/_theme-mixins.scss CHANGED
@@ -1,6 +1,18 @@
1
1
  @use 'palette' as *;
2
2
 
3
- @mixin grey-scale($grey1, $grey2, $grey3, $grey4, $grey5, $grey6, $grey7, $grey8, $grey9, $grey10, $temperature: null) {
3
+ @mixin grey-scale(
4
+ $grey1,
5
+ $grey2,
6
+ $grey3,
7
+ $grey4,
8
+ $grey5,
9
+ $grey6,
10
+ $grey7,
11
+ $grey8,
12
+ $grey9,
13
+ $grey10,
14
+ $temperature: null
15
+ ) {
4
16
  --grey1: #{$grey1};
5
17
  --grey2: #{$grey2};
6
18
  --grey3: #{$grey3};
@@ -130,4 +142,3 @@
130
142
  --content-success: var(--green4);
131
143
  --content-inked: var(--white);
132
144
  }
133
-
package/src/_utilities.scss CHANGED
@@ -1,70 +1,217 @@
1
- [data-new-ui-theme="light--cold"], [data-new-ui-theme="dark--cold"] {
2
- .nu-u-text-cold1 {color: var(--cold1);}
3
- .nu-u-text-cold2 {color: var(--cold2);}
4
- .nu-u-text-cold3 {color: var(--cold3);}
5
- .nu-u-text-cold4 {color: var(--cold4);}
6
- .nu-u-text-cold5 {color: var(--cold5);}
7
- .nu-u-text-cold6 {color: var(--cold6);}
8
- .nu-u-text-cold7 {color: var(--cold7);}
9
- .nu-u-text-cold8 {color: var(--cold8);}
10
- .nu-u-text-cold9 {color: var(--cold9);}
11
- .nu-u-text-cold10 {color: var(--cold10);}
12
- }
13
-
14
- [data-new-ui-theme="light--warm"], [data-new-ui-theme="dark--warm"] {
15
- .nu-u-text-warm1 {color: var(--warm1);}
16
- .nu-u-text-warm2 {color: var(--warm2);}
17
- .nu-u-text-warm3 {color: var(--warm3);}
18
- .nu-u-text-warm4 {color: var(--warm4);}
19
- .nu-u-text-warm5 {color: var(--warm5);}
20
- .nu-u-text-warm6 {color: var(--warm6);}
21
- .nu-u-text-warm7 {color: var(--warm7);}
22
- .nu-u-text-warm8 {color: var(--warm8);}
23
- .nu-u-text-warm9 {color: var(--warm9);}
24
- .nu-u-text-warm10 {color: var(--warm10);}
25
- }
26
-
27
- .nu-u-bg {background-color: var(--background);}
28
- .nu-u-bg-secondary {background-color: var(--background-secondary);}
29
- .nu-u-bg-hover {background-color: var(--background-hover);}
30
- .nu-u-bg-selected {background-color: var(--background-selected);}
31
- .nu-u-bg-selected-hover {background-color: var(--background-selected-hover);}
32
- .nu-u-bg-high-contrast {background-color: var(--background-high-contrast);}
33
-
34
- .nu-u-bg-black {background-color: var(--black);}
35
- .nu-u-bg-white {background-color: var(--white);}
1
+ [data-new-ui-theme='light--cold'],
2
+ [data-new-ui-theme='dark--cold'] {
3
+ .nu-u-text-cold1 {
4
+ color: var(--cold1);
5
+ }
6
+
7
+ .nu-u-text-cold2 {
8
+ color: var(--cold2);
9
+ }
10
+
11
+ .nu-u-text-cold3 {
12
+ color: var(--cold3);
13
+ }
14
+
15
+ .nu-u-text-cold4 {
16
+ color: var(--cold4);
17
+ }
18
+
19
+ .nu-u-text-cold5 {
20
+ color: var(--cold5);
21
+ }
22
+
23
+ .nu-u-text-cold6 {
24
+ color: var(--cold6);
25
+ }
26
+
27
+ .nu-u-text-cold7 {
28
+ color: var(--cold7);
29
+ }
30
+
31
+ .nu-u-text-cold8 {
32
+ color: var(--cold8);
33
+ }
34
+
35
+ .nu-u-text-cold9 {
36
+ color: var(--cold9);
37
+ }
38
+
39
+ .nu-u-text-cold10 {
40
+ color: var(--cold10);
41
+ }
42
+ }
43
+
44
+ [data-new-ui-theme='light--warm'],
45
+ [data-new-ui-theme='dark--warm'] {
46
+ .nu-u-text-warm1 {
47
+ color: var(--warm1);
48
+ }
49
+
50
+ .nu-u-text-warm2 {
51
+ color: var(--warm2);
52
+ }
53
+
54
+ .nu-u-text-warm3 {
55
+ color: var(--warm3);
56
+ }
57
+
58
+ .nu-u-text-warm4 {
59
+ color: var(--warm4);
60
+ }
61
+
62
+ .nu-u-text-warm5 {
63
+ color: var(--warm5);
64
+ }
65
+
66
+ .nu-u-text-warm6 {
67
+ color: var(--warm6);
68
+ }
69
+
70
+ .nu-u-text-warm7 {
71
+ color: var(--warm7);
72
+ }
73
+
74
+ .nu-u-text-warm8 {
75
+ color: var(--warm8);
76
+ }
77
+
78
+ .nu-u-text-warm9 {
79
+ color: var(--warm9);
80
+ }
81
+
82
+ .nu-u-text-warm10 {
83
+ color: var(--warm10);
84
+ }
85
+ }
86
+
87
+ .nu-u-bg {
88
+ background-color: var(--background);
89
+ }
90
+
91
+ .nu-u-bg-secondary {
92
+ background-color: var(--background-secondary);
93
+ }
94
+
95
+ .nu-u-bg-hover {
96
+ background-color: var(--background-hover);
97
+ }
98
+
99
+ .nu-u-bg-selected {
100
+ background-color: var(--background-selected);
101
+ }
102
+
103
+ .nu-u-bg-selected-hover {
104
+ background-color: var(--background-selected-hover);
105
+ }
106
+
107
+ .nu-u-bg-high-contrast {
108
+ background-color: var(--background-high-contrast);
109
+ }
110
+
111
+ .nu-u-bg-black {
112
+ background-color: var(--black);
113
+ }
114
+
115
+ .nu-u-bg-white {
116
+ background-color: var(--white);
117
+ }
36
118
 
37
119
  /* Border */
38
- .nu-u-b--muted {border-color: var(--border-muted);}
39
- .nu-u-b {border-color: var(--border);}
40
- .nu-u-b--strong {border-color: var(--border-strong);}
41
- .nu-u-b--inked {border-color: var(--border-inked);}
42
- .nu-u-b--inverse {border-color: var(--border-inverse);}
43
- .nu-u-b--focus {border-color: var(--border-focus);}
120
+ .nu-u-b--muted {
121
+ border-color: var(--border-muted);
122
+ }
123
+
124
+ .nu-u-b {
125
+ border-color: var(--border);
126
+ }
127
+
128
+ .nu-u-b--strong {
129
+ border-color: var(--border-strong);
130
+ }
131
+
132
+ .nu-u-b--inked {
133
+ border-color: var(--border-inked);
134
+ }
135
+
136
+ .nu-u-b--inverse {
137
+ border-color: var(--border-inverse);
138
+ }
139
+
140
+ .nu-u-b--focus {
141
+ border-color: var(--border-focus);
142
+ }
44
143
 
45
144
  /* Text */
46
- .nu-u-text--primary {color: var(--content-primary);}
47
- .nu-u-text--secondary {color: var(--content-secondary);}
48
- .nu-u-text--secondary-alt {color: var(--content-secondary-alt);}
49
- .nu-u-text--placeholder::placeholder,
50
- .nu-u-text--placeholder::-webkit-input-placeholder,
51
- .nu-u-text--placeholder:-ms-input-placeholder {color: var(--content-placeholder);}
52
- .nu-u-text--on-color {color: var(--content-on-color);}
53
- .nu-u-text--error {color: var(--content-error);}
54
- .nu-u-text--success {color: var(--content-success);}
55
- .nu-u-text--inked {color: var(--content-inked);}
56
-
57
- .nu-u-text-black {color: var(--black);}
58
- .nu-u-text-white {color: var(--white);}
145
+ .nu-u-text--primary {
146
+ color: var(--content-primary);
147
+ }
148
+
149
+ .nu-u-text--secondary {
150
+ color: var(--content-secondary);
151
+ }
152
+
153
+ .nu-u-text--secondary-alt {
154
+ color: var(--content-secondary-alt);
155
+ }
156
+
157
+ .nu-u-text--placeholder::placeholder {
158
+ color: var(--content-placeholder);
159
+ }
160
+
161
+ .nu-u-text--on-color {
162
+ color: var(--content-on-color);
163
+ }
164
+
165
+ .nu-u-text--error {
166
+ color: var(--content-error);
167
+ }
168
+
169
+ .nu-u-text--success {
170
+ color: var(--content-success);
171
+ }
172
+
173
+ .nu-u-text--inked {
174
+ color: var(--content-inked);
175
+ }
176
+
177
+ .nu-u-text-black {
178
+ color: var(--black);
179
+ }
180
+
181
+ .nu-u-text-white {
182
+ color: var(--white);
183
+ }
59
184
 
60
185
  /* Links */
61
- .nu-u-link {color: var(--link);}
62
- .nu-u-link--hover {color: var(--link-hover);}
63
- .nu-u-link--subtle {color: var(--link-subtle);}
64
- .nu-u-link--visited {color: var(--link-visited);}
186
+ .nu-u-link {
187
+ color: var(--link);
188
+ }
189
+
190
+ .nu-u-link--hover {
191
+ color: var(--link-hover);
192
+ }
193
+
194
+ .nu-u-link--subtle {
195
+ color: var(--link-subtle);
196
+ }
197
+
198
+ .nu-u-link--visited {
199
+ color: var(--link-visited);
200
+ }
65
201
 
66
202
  /* Support */
67
- .nu-u-support--error {color: var(--support-error);}
68
- .nu-u-support--warning {color: var(--support-warning);}
69
- .nu-u-support--success {color: var(--support-success);}
70
- .nu-u-support--info {color: var(--support-info);}
203
+ .nu-u-support--error {
204
+ color: var(--support-error);
205
+ }
206
+
207
+ .nu-u-support--warning {
208
+ color: var(--support-warning);
209
+ }
210
+
211
+ .nu-u-support--success {
212
+ color: var(--support-success);
213
+ }
214
+
215
+ .nu-u-support--info {
216
+ color: var(--support-info);
217
+ }
package/src/index.scss CHANGED
@@ -4,4 +4,4 @@
4
4
  @use 'theme-dark';
5
5
  @use 'theme-dark--warm';
6
6
  @use 'theme-dark--cold';
7
- @use 'utilities';
7
+ @use 'utilities';