:root, .light, .light-theme {
  --olive-1: #fcfdfc;
  --olive-2: #f8faf8;
  --olive-3: #eff1ef;
  --olive-4: #e7e9e7;
  --olive-5: #dfe2df;
  --olive-6: #d7dad7;
  --olive-7: #cccfcc;
  --olive-8: #b9bcb8;
  --olive-9: #898e87;
  --olive-10: #7f847d;
  --olive-11: #60655f;
  --olive-12: #1d211c;
  --olive-a1: #00550003;
  --olive-a2: #00490007;
  --olive-a3: #00200010;
  --olive-a4: #00160018;
  --olive-a5: #00180020;
  --olive-a6: #00140028;
  --olive-a7: #000f0033;
  --olive-a8: #040f0047;
  --olive-a9: #050f0078;
  --olive-a10: #040e0082;
  --olive-a11: #020a00a0;
  --olive-a12: #010600e3;
  --olive-surface: #fffc;
  --olive-indicator: var(--olive-9);
  --olive-track: var(--olive-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --olive-1: color(display-p3 .989 .992 .989);
      --olive-2: color(display-p3 .974 .98 .973);
      --olive-3: color(display-p3 .939 .945 .937);
      --olive-4: color(display-p3 .907 .914 .905);
      --olive-5: color(display-p3 .878 .885 .875);
      --olive-6: color(display-p3 .846 .855 .843);
      --olive-7: color(display-p3 .803 .812 .8);
      --olive-8: color(display-p3 .727 .738 .723);
      --olive-9: color(display-p3 .541 .556 .532);
      --olive-10: color(display-p3 .5 .515 .491);
      --olive-11: color(display-p3 .38 .395 .374);
      --olive-12: color(display-p3 .117 .129 .111);
      --olive-a1: color(display-p3 .024 .349 .024 / .012);
      --olive-a2: color(display-p3 .024 .302 .024 / .028);
      --olive-a3: color(display-p3 .008 .129 .008 / .063);
      --olive-a4: color(display-p3 .012 .094 .012 / .095);
      --olive-a5: color(display-p3 .035 .098 .008 / .126);
      --olive-a6: color(display-p3 .027 .078 .004 / .157);
      --olive-a7: color(display-p3 .02 .059 0 / .2);
      --olive-a8: color(display-p3 .02 .059 .004 / .279);
      --olive-a9: color(display-p3 .02 .051 .004 / .467);
      --olive-a10: color(display-p3 .024 .047 0 / .51);
      --olive-a11: color(display-p3 .012 .039 0 / .628);
      --olive-a12: color(display-p3 .008 .024 0 / .891);
      --olive-surface: color(display-p3 1 1 1 / .8);
    }
  }
}

.dark, .dark-theme {
  --olive-1: #111210;
  --olive-2: #181917;
  --olive-3: #212220;
  --olive-4: #282a27;
  --olive-5: #2f312e;
  --olive-6: #383a36;
  --olive-7: #454843;
  --olive-8: #5c625b;
  --olive-9: #687066;
  --olive-10: #767d74;
  --olive-11: #afb5ad;
  --olive-12: #eceeec;
  --olive-a1: #0000;
  --olive-a2: #f1f2f008;
  --olive-a3: #f4f5f312;
  --olive-a4: #f3fef21a;
  --olive-a5: #f2fbf122;
  --olive-a6: #f4faed2c;
  --olive-a7: #f2fced3b;
  --olive-a8: #edfdeb57;
  --olive-a9: #ebfde766;
  --olive-a10: #f0fdec74;
  --olive-a11: #f6fef4b0;
  --olive-a12: #fdfffded;
  --olive-surface: #1f201e80;
  --olive-indicator: var(--olive-9);
  --olive-track: var(--olive-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --olive-1: color(display-p3 .067 .07 .063);
      --olive-2: color(display-p3 .095 .098 .091);
      --olive-3: color(display-p3 .131 .135 .126);
      --olive-4: color(display-p3 .158 .163 .153);
      --olive-5: color(display-p3 .186 .192 .18);
      --olive-6: color(display-p3 .221 .229 .215);
      --olive-7: color(display-p3 .273 .284 .266);
      --olive-8: color(display-p3 .365 .382 .359);
      --olive-9: color(display-p3 .414 .438 .404);
      --olive-10: color(display-p3 .467 .49 .458);
      --olive-11: color(display-p3 .69 .709 .682);
      --olive-12: color(display-p3 .927 .933 .926);
      --olive-a1: color(display-p3 0 0 0 / 0);
      --olive-a2: color(display-p3 .984 .988 .976 / .03);
      --olive-a3: color(display-p3 .992 .996 .988 / .068);
      --olive-a4: color(display-p3 .953 .996 .949 / .102);
      --olive-a5: color(display-p3 .969 1 .965 / .131);
      --olive-a6: color(display-p3 .973 1 .969 / .169);
      --olive-a7: color(display-p3 .98 1 .961 / .228);
      --olive-a8: color(display-p3 .961 1 .957 / .334);
      --olive-a9: color(display-p3 .949 1 .922 / .397);
      --olive-a10: color(display-p3 .953 1 .941 / .452);
      --olive-a11: color(display-p3 .976 1 .965 / .688);
      --olive-a12: color(display-p3 .992 1 .992 / .929);
      --olive-surface: color(display-p3 .1176 .1255 .1176 / .5);
    }
  }
}

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