:root, .light, .light-theme {
  --green-1: #fbfefc;
  --green-2: #f4fbf6;
  --green-3: #e6f6eb;
  --green-4: #d6f1df;
  --green-5: #c4e8d1;
  --green-6: #adddc0;
  --green-7: #8eceaa;
  --green-8: #5bb98b;
  --green-9: #30a46c;
  --green-10: #2b9a66;
  --green-11: #218358;
  --green-12: #193b2d;
  --green-a1: #00c04004;
  --green-a2: #00a32f0b;
  --green-a3: #00a43319;
  --green-a4: #00a83829;
  --green-a5: #019c393b;
  --green-a6: #00963c52;
  --green-a7: #00914071;
  --green-a8: #00924ba4;
  --green-a9: #008f4acf;
  --green-a10: #008647d4;
  --green-a11: #00713fde;
  --green-a12: #002616e6;
  --green-surface: #f1faf4cc;
  --green-indicator: var(--green-9);
  --green-track: var(--green-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --green-1: color(display-p3 .986 .996 .989);
      --green-2: color(display-p3 .963 .983 .967);
      --green-3: color(display-p3 .913 .964 .925);
      --green-4: color(display-p3 .859 .94 .879);
      --green-5: color(display-p3 .796 .907 .826);
      --green-6: color(display-p3 .718 .863 .761);
      --green-7: color(display-p3 .61 .801 .675);
      --green-8: color(display-p3 .451 .715 .559);
      --green-9: color(display-p3 .332 .634 .442);
      --green-10: color(display-p3 .308 .595 .417);
      --green-11: color(display-p3 .19 .5 .32);
      --green-12: color(display-p3 .132 .228 .18);
      --green-a1: color(display-p3 .024 .757 .267 / .016);
      --green-a2: color(display-p3 .024 .565 .129 / .036);
      --green-a3: color(display-p3 .012 .596 .145 / .087);
      --green-a4: color(display-p3 .008 .588 .145 / .142);
      --green-a5: color(display-p3 .004 .541 .157 / .204);
      --green-a6: color(display-p3 .004 .518 .157 / .283);
      --green-a7: color(display-p3 .004 .486 .165 / .389);
      --green-a8: color(display-p3 0 .478 .2 / .55);
      --green-a9: color(display-p3 0 .455 .165 / .667);
      --green-a10: color(display-p3 0 .416 .153 / .691);
      --green-a11: color(display-p3 .19 .5 .32);
      --green-a12: color(display-p3 .132 .228 .18);
      --green-surface: color(display-p3 .9569 .9804 .9608 / .8);
    }
  }
}

.dark, .dark-theme {
  --green-1: #0e1512;
  --green-2: #121b17;
  --green-3: #132d21;
  --green-4: #113b29;
  --green-5: #174933;
  --green-6: #20573e;
  --green-7: #28684a;
  --green-8: #2f7c57;
  --green-9: #30a46c;
  --green-10: #33b074;
  --green-11: #3dd68c;
  --green-12: #b1f1cb;
  --green-a1: #00de4505;
  --green-a2: #29f99d0b;
  --green-a3: #22ff991e;
  --green-a4: #11ff992d;
  --green-a5: #2bffa23c;
  --green-a6: #44ffaa4b;
  --green-a7: #50fdac5e;
  --green-a8: #54ffad73;
  --green-a9: #44ffa49e;
  --green-a10: #43fea4ab;
  --green-a11: #46fea5d4;
  --green-a12: #bbffd7f0;
  --green-surface: #15251d80;
  --green-indicator: var(--green-9);
  --green-track: var(--green-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --green-1: color(display-p3 .062 .083 .071);
      --green-2: color(display-p3 .079 .106 .09);
      --green-3: color(display-p3 .1 .173 .133);
      --green-4: color(display-p3 .115 .229 .166);
      --green-5: color(display-p3 .147 .282 .206);
      --green-6: color(display-p3 .185 .338 .25);
      --green-7: color(display-p3 .227 .403 .298);
      --green-8: color(display-p3 .27 .479 .351);
      --green-9: color(display-p3 .332 .634 .442);
      --green-10: color(display-p3 .357 .682 .474);
      --green-11: color(display-p3 .434 .828 .573);
      --green-12: color(display-p3 .747 .938 .807);
      --green-a1: color(display-p3 0 .992 .298 / .017);
      --green-a2: color(display-p3 .341 .98 .616 / .043);
      --green-a3: color(display-p3 .376 .996 .655 / .114);
      --green-a4: color(display-p3 .341 .996 .635 / .173);
      --green-a5: color(display-p3 .408 1 .678 / .232);
      --green-a6: color(display-p3 .475 1 .706 / .29);
      --green-a7: color(display-p3 .514 1 .706 / .362);
      --green-a8: color(display-p3 .529 1 .718 / .442);
      --green-a9: color(display-p3 .502 .996 .682 / .61);
      --green-a10: color(display-p3 .506 1 .682 / .66);
      --green-a11: color(display-p3 .434 .828 .573);
      --green-a12: color(display-p3 .747 .938 .807);
      --green-surface: color(display-p3 .0941 .1412 .1098 / .5);
    }
  }
}

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