:root, .light, .light-theme {
  --lime-1: #fcfdfa;
  --lime-2: #f8faf3;
  --lime-3: #eef6d6;
  --lime-4: #e2f0bd;
  --lime-5: #d3e7a6;
  --lime-6: #c2da91;
  --lime-7: #abc978;
  --lime-8: #8db654;
  --lime-9: #bdee63;
  --lime-10: #b0e64c;
  --lime-11: #5c7c2f;
  --lime-12: #37401c;
  --lime-a1: #66990005;
  --lime-a2: #6b95000c;
  --lime-a3: #96c80029;
  --lime-a4: #8fc60042;
  --lime-a5: #81bb0059;
  --lime-a6: #72aa006e;
  --lime-a7: #61990087;
  --lime-a8: #559200ab;
  --lime-a9: #93e4009c;
  --lime-a10: #8fdc00b3;
  --lime-a11: #375f00d0;
  --lime-a12: #1e2900e3;
  --lime-surface: #f6f9f0cc;
  --lime-indicator: var(--lime-9);
  --lime-track: var(--lime-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --lime-1: color(display-p3 .989 .992 .981);
      --lime-2: color(display-p3 .975 .98 .954);
      --lime-3: color(display-p3 .939 .965 .851);
      --lime-4: color(display-p3 .896 .94 .76);
      --lime-5: color(display-p3 .843 .903 .678);
      --lime-6: color(display-p3 .778 .852 .599);
      --lime-7: color(display-p3 .694 .784 .508);
      --lime-8: color(display-p3 .585 .707 .378);
      --lime-9: color(display-p3 .78 .928 .466);
      --lime-10: color(display-p3 .734 .896 .397);
      --lime-11: color(display-p3 .386 .482 .227);
      --lime-12: color(display-p3 .222 .25 .128);
      --lime-a1: color(display-p3 .412 .608 .02 / .02);
      --lime-a2: color(display-p3 .514 .592 .024 / .048);
      --lime-a3: color(display-p3 .584 .765 .008 / .15);
      --lime-a4: color(display-p3 .561 .757 .004 / .24);
      --lime-a5: color(display-p3 .514 .698 .004 / .322);
      --lime-a6: color(display-p3 .443 .627 0 / .4);
      --lime-a7: color(display-p3 .376 .561 .004 / .491);
      --lime-a8: color(display-p3 .333 .529 0 / .624);
      --lime-a9: color(display-p3 .588 .867 0 / .534);
      --lime-a10: color(display-p3 .561 .827 0 / .604);
      --lime-a11: color(display-p3 .386 .482 .227);
      --lime-a12: color(display-p3 .222 .25 .128);
      --lime-surface: color(display-p3 .9725 .9765 .9412 / .8);
    }
  }
}

.dark, .dark-theme {
  --lime-1: #11130c;
  --lime-2: #151a10;
  --lime-3: #1f2917;
  --lime-4: #29371d;
  --lime-5: #334423;
  --lime-6: #3d522a;
  --lime-7: #496231;
  --lime-8: #577538;
  --lime-9: #bdee63;
  --lime-10: #d4ff70;
  --lime-11: #bde56c;
  --lime-12: #e3f7ba;
  --lime-a1: #11bb0003;
  --lime-a2: #78f7000a;
  --lime-a3: #9bfd4c1a;
  --lime-a4: #a7fe5c29;
  --lime-a5: #affe6537;
  --lime-a6: #b2fe6d46;
  --lime-a7: #b6ff6f57;
  --lime-a8: #b6fd6d6c;
  --lime-a9: #caff69ed;
  --lime-a10: #d4ff70;
  --lime-a11: #d1fe77e4;
  --lime-a12: #e9febff7;
  --lime-surface: #1b211580;
  --lime-indicator: var(--lime-9);
  --lime-track: var(--lime-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --lime-1: color(display-p3 .067 .073 .048);
      --lime-2: color(display-p3 .086 .1 .067);
      --lime-3: color(display-p3 .13 .16 .099);
      --lime-4: color(display-p3 .172 .214 .126);
      --lime-5: color(display-p3 .213 .266 .153);
      --lime-6: color(display-p3 .257 .321 .182);
      --lime-7: color(display-p3 .307 .383 .215);
      --lime-8: color(display-p3 .365 .456 .25);
      --lime-9: color(display-p3 .78 .928 .466);
      --lime-10: color(display-p3 .865 .995 .519);
      --lime-11: color(display-p3 .771 .893 .485);
      --lime-12: color(display-p3 .905 .966 .753);
      --lime-a1: color(display-p3 .067 .941 0 / .009);
      --lime-a2: color(display-p3 .584 .996 .071 / .038);
      --lime-a3: color(display-p3 .69 1 .38 / .101);
      --lime-a4: color(display-p3 .729 1 .435 / .16);
      --lime-a5: color(display-p3 .745 1 .471 / .215);
      --lime-a6: color(display-p3 .769 1 .482 / .274);
      --lime-a7: color(display-p3 .769 1 .506 / .341);
      --lime-a8: color(display-p3 .784 1 .51 / .416);
      --lime-a9: color(display-p3 .839 1 .502 / .925);
      --lime-a10: color(display-p3 .871 1 .522 / .996);
      --lime-a11: color(display-p3 .771 .893 .485);
      --lime-a12: color(display-p3 .905 .966 .753);
      --lime-surface: color(display-p3 .1098 .1255 .0784 / .5);
    }
  }
}

:root {
  --lime-contrast: #1d211c;
}

@supports (color: color-mix(in oklab, white, black)) {
  .dark, .dark-theme {
    --lime-track: color-mix(in oklab, var(--lime-8), var(--lime-9) 65%);
  }
}
