:root, .light, .light-theme {
  --iris-1: #fdfdff;
  --iris-2: #f8f8ff;
  --iris-3: #f0f1fe;
  --iris-4: #e6e7ff;
  --iris-5: #dadcff;
  --iris-6: #cbcdff;
  --iris-7: #b8baf8;
  --iris-8: #9b9ef0;
  --iris-9: #5b5bd6;
  --iris-10: #5151cd;
  --iris-11: #5753c6;
  --iris-12: #272962;
  --iris-a1: #0000ff02;
  --iris-a2: #0000ff07;
  --iris-a3: #0011ee0f;
  --iris-a4: #000bff19;
  --iris-a5: #000eff25;
  --iris-a6: #000aff34;
  --iris-a7: #0008e647;
  --iris-a8: #0008d964;
  --iris-a9: #0000c0a4;
  --iris-a10: #0000b6ae;
  --iris-a11: #0600abac;
  --iris-a12: #000246d8;
  --iris-surface: #f6f6ffcc;
  --iris-indicator: var(--iris-9);
  --iris-track: var(--iris-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --iris-1: color(display-p3 .992 .992 .999);
      --iris-2: color(display-p3 .972 .973 .998);
      --iris-3: color(display-p3 .943 .945 .992);
      --iris-4: color(display-p3 .902 .906 1);
      --iris-5: color(display-p3 .857 .861 1);
      --iris-6: color(display-p3 .799 .805 .987);
      --iris-7: color(display-p3 .721 .727 .955);
      --iris-8: color(display-p3 .61 .619 .918);
      --iris-9: color(display-p3 .357 .357 .81);
      --iris-10: color(display-p3 .318 .318 .774);
      --iris-11: color(display-p3 .337 .326 .748);
      --iris-12: color(display-p3 .154 .161 .371);
      --iris-a1: color(display-p3 .02 .02 1 / .008);
      --iris-a2: color(display-p3 .024 .024 .863 / .028);
      --iris-a3: color(display-p3 .004 .071 .871 / .059);
      --iris-a4: color(display-p3 .012 .051 1 / .099);
      --iris-a5: color(display-p3 .008 .035 1 / .142);
      --iris-a6: color(display-p3 0 .02 .941 / .2);
      --iris-a7: color(display-p3 .004 .02 .847 / .279);
      --iris-a8: color(display-p3 .004 .024 .788 / .389);
      --iris-a9: color(display-p3 0 0 .706 / .644);
      --iris-a10: color(display-p3 0 0 .667 / .683);
      --iris-a11: color(display-p3 .337 .326 .748);
      --iris-a12: color(display-p3 .154 .161 .371);
      --iris-surface: color(display-p3 .9647 .9647 .9961 / .8);
    }
  }
}

.dark, .dark-theme {
  --iris-1: #13131e;
  --iris-2: #171625;
  --iris-3: #202248;
  --iris-4: #262a65;
  --iris-5: #303374;
  --iris-6: #3d3e82;
  --iris-7: #4a4a95;
  --iris-8: #5958b1;
  --iris-9: #5b5bd6;
  --iris-10: #6e6ade;
  --iris-11: #b1a9ff;
  --iris-12: #e0dffe;
  --iris-a1: #3636fe0e;
  --iris-a2: #564bf916;
  --iris-a3: #525bff3b;
  --iris-a4: #4d58ff5a;
  --iris-a5: #5b62fd6b;
  --iris-a6: #6d6ffd7a;
  --iris-a7: #7777fe8e;
  --iris-a8: #7b7afeac;
  --iris-a9: #6a6afed4;
  --iris-a10: #7d79ffdc;
  --iris-a11: #b1a9ff;
  --iris-a12: #e1e0fffe;
  --iris-surface: #1d1b3980;
  --iris-indicator: var(--iris-9);
  --iris-track: var(--iris-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --iris-1: color(display-p3 .075 .075 .114);
      --iris-2: color(display-p3 .089 .086 .14);
      --iris-3: color(display-p3 .128 .134 .272);
      --iris-4: color(display-p3 .153 .165 .382);
      --iris-5: color(display-p3 .192 .201 .44);
      --iris-6: color(display-p3 .239 .241 .491);
      --iris-7: color(display-p3 .291 .289 .565);
      --iris-8: color(display-p3 .35 .345 .673);
      --iris-9: color(display-p3 .357 .357 .81);
      --iris-10: color(display-p3 .428 .416 .843);
      --iris-11: color(display-p3 .685 .662 1);
      --iris-12: color(display-p3 .878 .875 .986);
      --iris-a1: color(display-p3 .224 .224 .992 / .051);
      --iris-a2: color(display-p3 .361 .314 1 / .08);
      --iris-a3: color(display-p3 .357 .373 1 / .219);
      --iris-a4: color(display-p3 .325 .361 1 / .337);
      --iris-a5: color(display-p3 .38 .4 1 / .4);
      --iris-a6: color(display-p3 .447 .447 1 / .454);
      --iris-a7: color(display-p3 .486 .486 1 / .534);
      --iris-a8: color(display-p3 .502 .494 1 / .652);
      --iris-a9: color(display-p3 .431 .431 1 / .799);
      --iris-a10: color(display-p3 .502 .486 1 / .832);
      --iris-a11: color(display-p3 .685 .662 1);
      --iris-a12: color(display-p3 .878 .875 .986);
      --iris-surface: color(display-p3 .1098 .102 .2118 / .5);
    }
  }
}

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