:root, .light, .light-theme {
  --jade-1: #fbfefd;
  --jade-2: #f4fbf7;
  --jade-3: #e6f7ed;
  --jade-4: #d6f1e3;
  --jade-5: #c3e9d7;
  --jade-6: #acdec8;
  --jade-7: #8bceb6;
  --jade-8: #56ba9f;
  --jade-9: #29a383;
  --jade-10: #26997b;
  --jade-11: #208368;
  --jade-12: #1d3b31;
  --jade-a1: #00c08004;
  --jade-a2: #00a3460b;
  --jade-a3: #00ae4819;
  --jade-a4: #00a85129;
  --jade-a5: #00a2553c;
  --jade-a6: #009a5753;
  --jade-a7: #00945f74;
  --jade-a8: #00976ea9;
  --jade-a9: #00916bd6;
  --jade-a10: #008764d9;
  --jade-a11: #007152df;
  --jade-a12: #002217e2;
  --jade-surface: #f1faf5cc;
  --jade-indicator: var(--jade-9);
  --jade-track: var(--jade-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --jade-1: color(display-p3 .986 .996 .992);
      --jade-2: color(display-p3 .962 .983 .969);
      --jade-3: color(display-p3 .912 .965 .932);
      --jade-4: color(display-p3 .858 .941 .893);
      --jade-5: color(display-p3 .795 .909 .847);
      --jade-6: color(display-p3 .715 .864 .791);
      --jade-7: color(display-p3 .603 .802 .718);
      --jade-8: color(display-p3 .44 .72 .629);
      --jade-9: color(display-p3 .319 .63 .521);
      --jade-10: color(display-p3 .299 .592 .488);
      --jade-11: color(display-p3 .15 .5 .37);
      --jade-12: color(display-p3 .142 .229 .194);
      --jade-a1: color(display-p3 .024 .757 .514 / .016);
      --jade-a2: color(display-p3 .024 .612 .22 / .04);
      --jade-a3: color(display-p3 .012 .596 .235 / .087);
      --jade-a4: color(display-p3 .008 .588 .255 / .142);
      --jade-a5: color(display-p3 .004 .561 .251 / .204);
      --jade-a6: color(display-p3 .004 .525 .278 / .287);
      --jade-a7: color(display-p3 .004 .506 .29 / .397);
      --jade-a8: color(display-p3 0 .506 .337 / .561);
      --jade-a9: color(display-p3 0 .459 .298 / .683);
      --jade-a10: color(display-p3 0 .42 .271 / .702);
      --jade-a11: color(display-p3 .15 .5 .37);
      --jade-a12: color(display-p3 .142 .229 .194);
      --jade-surface: color(display-p3 .9529 .9804 .9608 / .8);
    }
  }
}

.dark, .dark-theme {
  --jade-1: #0d1512;
  --jade-2: #121c18;
  --jade-3: #0f2e22;
  --jade-4: #0b3b2c;
  --jade-5: #114837;
  --jade-6: #1b5745;
  --jade-7: #246854;
  --jade-8: #2a7e68;
  --jade-9: #29a383;
  --jade-10: #27b08b;
  --jade-11: #1fd8a4;
  --jade-12: #adf0d4;
  --jade-a1: #00de4505;
  --jade-a2: #27fba60c;
  --jade-a3: #02f99920;
  --jade-a4: #00ffaa2d;
  --jade-a5: #11ffb63b;
  --jade-a6: #34ffc24b;
  --jade-a7: #45fdc75e;
  --jade-a8: #48ffcf75;
  --jade-a9: #38feca9d;
  --jade-a10: #31fec7ab;
  --jade-a11: #21fec0d6;
  --jade-a12: #b8ffe1ef;
  --jade-surface: #13271f80;
  --jade-indicator: var(--jade-9);
  --jade-track: var(--jade-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --jade-1: color(display-p3 .059 .083 .071);
      --jade-2: color(display-p3 .078 .11 .094);
      --jade-3: color(display-p3 .091 .176 .138);
      --jade-4: color(display-p3 .102 .228 .177);
      --jade-5: color(display-p3 .133 .279 .221);
      --jade-6: color(display-p3 .174 .334 .273);
      --jade-7: color(display-p3 .219 .402 .335);
      --jade-8: color(display-p3 .263 .488 .411);
      --jade-9: color(display-p3 .319 .63 .521);
      --jade-10: color(display-p3 .338 .68 .555);
      --jade-11: color(display-p3 .4 .835 .656);
      --jade-12: color(display-p3 .734 .934 .838);
      --jade-a1: color(display-p3 0 .992 .298 / .017);
      --jade-a2: color(display-p3 .318 .988 .651 / .047);
      --jade-a3: color(display-p3 .267 1 .667 / .118);
      --jade-a4: color(display-p3 .275 .996 .702 / .173);
      --jade-a5: color(display-p3 .361 1 .741 / .227);
      --jade-a6: color(display-p3 .439 1 .796 / .286);
      --jade-a7: color(display-p3 .49 1 .804 / .362);
      --jade-a8: color(display-p3 .506 1 .835 / .45);
      --jade-a9: color(display-p3 .478 .996 .816 / .606);
      --jade-a10: color(display-p3 .478 1 .816 / .656);
      --jade-a11: color(display-p3 .4 .835 .656);
      --jade-a12: color(display-p3 .734 .934 .838);
      --jade-surface: color(display-p3 .0863 .149 .1176 / .5);
    }
  }
}

:root {
  --jade-contrast: white;
}