:root {
  --absolute-1: #fff;
  --absolute-2: #fff;
  --absolute-3: #fff;
  --absolute-4: #fff;
  --absolute-5: #fff;
  --absolute-6: #fff;
  --absolute-7: #fff;
  --absolute-8: #fff;
  --absolute-9: #fff;
  --absolute-10: #fff;
  --absolute-11: #fff;
  --absolute-12: #fff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --absolute-1: oklch(100% 0 none);
      --absolute-2: oklch(100% 0 none);
      --absolute-3: oklch(100% 0 none);
      --absolute-4: oklch(100% 0 none);
      --absolute-5: oklch(100% 0 none);
      --absolute-6: oklch(100% 0 none);
      --absolute-7: oklch(100% 0 none);
      --absolute-8: oklch(100% 0 none);
      --absolute-9: oklch(100% 0 none);
      --absolute-10: oklch(100% 0 none);
      --absolute-11: oklch(100% 0 none);
      --absolute-12: oklch(100% 0 none);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --absolute-1: #000;
  --absolute-2: #000;
  --absolute-3: #000;
  --absolute-4: #000;
  --absolute-5: #000;
  --absolute-6: #000;
  --absolute-7: #000;
  --absolute-8: #000;
  --absolute-9: #000;
  --absolute-10: #000;
  --absolute-11: #000;
  --absolute-12: #000;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --absolute-1: oklch(0% 0 none);
      --absolute-2: oklch(0% 0 none);
      --absolute-3: oklch(0% 0 none);
      --absolute-4: oklch(0% 0 none);
      --absolute-5: oklch(0% 0 none);
      --absolute-6: oklch(0% 0 none);
      --absolute-7: oklch(0% 0 none);
      --absolute-8: oklch(0% 0 none);
      --absolute-9: oklch(0% 0 none);
      --absolute-10: oklch(0% 0 none);
      --absolute-11: oklch(0% 0 none);
      --absolute-12: oklch(0% 0 none);
    }
  }
}

:root {
  --amber-1: #fefdfb;
  --amber-2: #fefbe9;
  --amber-3: #fff7c2;
  --amber-4: #ffee9c;
  --amber-5: #fbe577;
  --amber-6: #f3d673;
  --amber-7: #e9c162;
  --amber-8: #e2a336;
  --amber-9: #ffc53d;
  --amber-10: #ffba18;
  --amber-11: #ab6400;
  --amber-12: #4f3422;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --amber-1: color(display-p3 0.995 0.992 0.985);
      --amber-2: color(display-p3 0.994 0.986 0.921);
      --amber-3: color(display-p3 0.994 0.969 0.782);
      --amber-4: color(display-p3 0.989 0.937 0.65);
      --amber-5: color(display-p3 0.97 0.902 0.527);
      --amber-6: color(display-p3 0.936 0.844 0.506);
      --amber-7: color(display-p3 0.89 0.762 0.443);
      --amber-8: color(display-p3 0.85 0.65 0.3);
      --amber-9: color(display-p3 1 0.77 0.26);
      --amber-10: color(display-p3 0.959 0.741 0.274);
      --amber-11: color(display-p3 0.64 0.4 0);
      --amber-12: color(display-p3 0.294 0.208 0.145);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --amber-1: #16120c;
  --amber-2: #1d180f;
  --amber-3: #302008;
  --amber-4: #3f2700;
  --amber-5: #4d3000;
  --amber-6: #5c3d05;
  --amber-7: #714f19;
  --amber-8: #8f6424;
  --amber-9: #ffc53d;
  --amber-10: #ffd60a;
  --amber-11: #ffca16;
  --amber-12: #ffe7b3;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --amber-1: color(display-p3 0.082 0.07 0.05);
      --amber-2: color(display-p3 0.111 0.094 0.064);
      --amber-3: color(display-p3 0.178 0.128 0.049);
      --amber-4: color(display-p3 0.239 0.156 0);
      --amber-5: color(display-p3 0.29 0.193 0);
      --amber-6: color(display-p3 0.344 0.245 0.076);
      --amber-7: color(display-p3 0.422 0.314 0.141);
      --amber-8: color(display-p3 0.535 0.399 0.189);
      --amber-9: color(display-p3 1 0.77 0.26);
      --amber-10: color(display-p3 1 0.87 0.15);
      --amber-11: color(display-p3 1 0.8 0.29);
      --amber-12: color(display-p3 0.984 0.909 0.726);
    }
  }
}

:root {
  --authority-1: #0c0c0c;
  --authority-2: #0c0c0c;
  --authority-3: #0c0c0c;
  --authority-4: #0c0c0c;
  --authority-5: #0c0c0c;
  --authority-6: #0c0c0c;
  --authority-7: #0c0c0c;
  --authority-8: #0c0c0c;
  --authority-9: #0c0c0c;
  --authority-10: #0c0c0c;
  --authority-11: #0c0c0c;
  --authority-12: #0c0c0c;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --authority-1: oklch(15.4% 0 none);
      --authority-2: oklch(15.4% 0 none);
      --authority-3: oklch(15.4% 0 none);
      --authority-4: oklch(15.4% 0 none);
      --authority-5: oklch(15.4% 0 none);
      --authority-6: oklch(15.4% 0 none);
      --authority-7: oklch(15.4% 0 none);
      --authority-8: oklch(15.4% 0 none);
      --authority-9: oklch(15.4% 0 none);
      --authority-10: oklch(15.4% 0 none);
      --authority-11: oklch(15.4% 0 none);
      --authority-12: oklch(15.4% 0 none);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --authority-1: #0c0c0c;
  --authority-2: #0c0c0c;
  --authority-3: #0c0c0c;
  --authority-4: #0c0c0c;
  --authority-5: #0c0c0c;
  --authority-6: #0c0c0c;
  --authority-7: #0c0c0c;
  --authority-8: #0c0c0c;
  --authority-9: #0c0c0c;
  --authority-10: #0c0c0c;
  --authority-11: #0c0c0c;
  --authority-12: #0c0c0c;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --authority-1: oklch(15.4% 0 none);
      --authority-2: oklch(15.4% 0 none);
      --authority-3: oklch(15.4% 0 none);
      --authority-4: oklch(15.4% 0 none);
      --authority-5: oklch(15.4% 0 none);
      --authority-6: oklch(15.4% 0 none);
      --authority-7: oklch(15.4% 0 none);
      --authority-8: oklch(15.4% 0 none);
      --authority-9: oklch(15.4% 0 none);
      --authority-10: oklch(15.4% 0 none);
      --authority-11: oklch(15.4% 0 none);
      --authority-12: oklch(15.4% 0 none);
    }
  }
}

:root {
  --balance-1: #666;
  --balance-2: #666;
  --balance-3: #666;
  --balance-4: #666;
  --balance-5: #666;
  --balance-6: #666;
  --balance-7: #666;
  --balance-8: #666;
  --balance-9: #666;
  --balance-10: #666;
  --balance-11: #666;
  --balance-12: #666;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --balance-1: oklch(51% 0 none);
      --balance-2: oklch(51% 0 none);
      --balance-3: oklch(51% 0 none);
      --balance-4: oklch(51% 0 none);
      --balance-5: oklch(51% 0 none);
      --balance-6: oklch(51% 0 none);
      --balance-7: oklch(51% 0 none);
      --balance-8: oklch(51% 0 none);
      --balance-9: oklch(51% 0 none);
      --balance-10: oklch(51% 0 none);
      --balance-11: oklch(51% 0 none);
      --balance-12: oklch(51% 0 none);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --balance-1: #666;
  --balance-2: #666;
  --balance-3: #666;
  --balance-4: #666;
  --balance-5: #666;
  --balance-6: #666;
  --balance-7: #666;
  --balance-8: #666;
  --balance-9: #666;
  --balance-10: #666;
  --balance-11: #666;
  --balance-12: #666;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --balance-1: oklch(51% 0 none);
      --balance-2: oklch(51% 0 none);
      --balance-3: oklch(51% 0 none);
      --balance-4: oklch(51% 0 none);
      --balance-5: oklch(51% 0 none);
      --balance-6: oklch(51% 0 none);
      --balance-7: oklch(51% 0 none);
      --balance-8: oklch(51% 0 none);
      --balance-9: oklch(51% 0 none);
      --balance-10: oklch(51% 0 none);
      --balance-11: oklch(51% 0 none);
      --balance-12: oklch(51% 0 none);
    }
  }
}

:root {
  --blue-1: #fbfdff;
  --blue-2: #f4faff;
  --blue-3: #e6f4fe;
  --blue-4: #d5efff;
  --blue-5: #c2e5ff;
  --blue-6: #acd8fc;
  --blue-7: #8ec8f6;
  --blue-8: #5eb1ef;
  --blue-9: #0090ff;
  --blue-10: #0588f0;
  --blue-11: #0d74ce;
  --blue-12: #113264;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --blue-1: color(display-p3 0.986 0.992 0.999);
      --blue-2: color(display-p3 0.96 0.979 0.998);
      --blue-3: color(display-p3 0.912 0.956 0.991);
      --blue-4: color(display-p3 0.853 0.932 1);
      --blue-5: color(display-p3 0.788 0.894 0.998);
      --blue-6: color(display-p3 0.709 0.843 0.976);
      --blue-7: color(display-p3 0.606 0.777 0.947);
      --blue-8: color(display-p3 0.451 0.688 0.917);
      --blue-9: color(display-p3 0.247 0.556 0.969);
      --blue-10: color(display-p3 0.234 0.523 0.912);
      --blue-11: color(display-p3 0.15 0.44 0.84);
      --blue-12: color(display-p3 0.102 0.193 0.379);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --blue-1: #0d1520;
  --blue-2: #111927;
  --blue-3: #0d2847;
  --blue-4: #003362;
  --blue-5: #004074;
  --blue-6: #104d87;
  --blue-7: #205d9e;
  --blue-8: #2870bd;
  --blue-9: #0090ff;
  --blue-10: #3b9eff;
  --blue-11: #70b8ff;
  --blue-12: #c2e6ff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --blue-1: color(display-p3 0.057 0.081 0.122);
      --blue-2: color(display-p3 0.072 0.098 0.147);
      --blue-3: color(display-p3 0.078 0.154 0.27);
      --blue-4: color(display-p3 0.033 0.197 0.37);
      --blue-5: color(display-p3 0.08 0.245 0.441);
      --blue-6: color(display-p3 0.14 0.298 0.511);
      --blue-7: color(display-p3 0.195 0.361 0.6);
      --blue-8: color(display-p3 0.239 0.434 0.72);
      --blue-9: color(display-p3 0.247 0.556 0.969);
      --blue-10: color(display-p3 0.344 0.612 0.973);
      --blue-11: color(display-p3 0.49 0.72 1);
      --blue-12: color(display-p3 0.788 0.898 0.99);
    }
  }
}

:root {
  --bronze-1: #fdfcfc;
  --bronze-2: #fdf7f5;
  --bronze-3: #f6edea;
  --bronze-4: #efe4df;
  --bronze-5: #e7d9d3;
  --bronze-6: #dfcdc5;
  --bronze-7: #d3bcb3;
  --bronze-8: #c2a499;
  --bronze-9: #a18072;
  --bronze-10: #957468;
  --bronze-11: #7d5e54;
  --bronze-12: #43302b;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --bronze-1: color(display-p3 0.991 0.988 0.988);
      --bronze-2: color(display-p3 0.989 0.97 0.961);
      --bronze-3: color(display-p3 0.958 0.932 0.919);
      --bronze-4: color(display-p3 0.929 0.894 0.877);
      --bronze-5: color(display-p3 0.898 0.853 0.832);
      --bronze-6: color(display-p3 0.861 0.805 0.778);
      --bronze-7: color(display-p3 0.812 0.739 0.706);
      --bronze-8: color(display-p3 0.741 0.647 0.606);
      --bronze-9: color(display-p3 0.611 0.507 0.455);
      --bronze-10: color(display-p3 0.563 0.461 0.414);
      --bronze-11: color(display-p3 0.471 0.373 0.336);
      --bronze-12: color(display-p3 0.251 0.191 0.172);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --bronze-1: #141110;
  --bronze-2: #1c1917;
  --bronze-3: #262220;
  --bronze-4: #302a27;
  --bronze-5: #3b3330;
  --bronze-6: #493e3a;
  --bronze-7: #5a4c47;
  --bronze-8: #6f5f58;
  --bronze-9: #a18072;
  --bronze-10: #ae8c7e;
  --bronze-11: #d4b3a5;
  --bronze-12: #ede0d9;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --bronze-1: color(display-p3 0.076 0.067 0.063);
      --bronze-2: color(display-p3 0.106 0.097 0.093);
      --bronze-3: color(display-p3 0.147 0.132 0.125);
      --bronze-4: color(display-p3 0.185 0.166 0.156);
      --bronze-5: color(display-p3 0.227 0.202 0.19);
      --bronze-6: color(display-p3 0.278 0.246 0.23);
      --bronze-7: color(display-p3 0.343 0.302 0.281);
      --bronze-8: color(display-p3 0.426 0.374 0.347);
      --bronze-9: color(display-p3 0.611 0.507 0.455);
      --bronze-10: color(display-p3 0.66 0.556 0.504);
      --bronze-11: color(display-p3 0.81 0.707 0.655);
      --bronze-12: color(display-p3 0.921 0.88 0.854);
    }
  }
}

:root {
  --brown-1: #fefdfc;
  --brown-2: #fcf9f6;
  --brown-3: #f6eee7;
  --brown-4: #f0e4d9;
  --brown-5: #ebdaca;
  --brown-6: #e4cdb7;
  --brown-7: #dcbc9f;
  --brown-8: #cea37e;
  --brown-9: #ad7f58;
  --brown-10: #a07553;
  --brown-11: #815e46;
  --brown-12: #3e332e;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --brown-1: color(display-p3 0.995 0.992 0.989);
      --brown-2: color(display-p3 0.987 0.976 0.964);
      --brown-3: color(display-p3 0.959 0.936 0.909);
      --brown-4: color(display-p3 0.934 0.897 0.855);
      --brown-5: color(display-p3 0.909 0.856 0.798);
      --brown-6: color(display-p3 0.88 0.808 0.73);
      --brown-7: color(display-p3 0.841 0.742 0.639);
      --brown-8: color(display-p3 0.782 0.647 0.514);
      --brown-9: color(display-p3 0.651 0.505 0.368);
      --brown-10: color(display-p3 0.601 0.465 0.344);
      --brown-11: color(display-p3 0.485 0.374 0.288);
      --brown-12: color(display-p3 0.236 0.202 0.183);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --brown-1: #12110f;
  --brown-2: #1c1816;
  --brown-3: #28211d;
  --brown-4: #322922;
  --brown-5: #3e3128;
  --brown-6: #4d3c2f;
  --brown-7: #614a39;
  --brown-8: #7c5f46;
  --brown-9: #ad7f58;
  --brown-10: #b88c67;
  --brown-11: #dbb594;
  --brown-12: #f2e1ca;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --brown-1: color(display-p3 0.071 0.067 0.059);
      --brown-2: color(display-p3 0.107 0.095 0.087);
      --brown-3: color(display-p3 0.151 0.13 0.115);
      --brown-4: color(display-p3 0.191 0.161 0.138);
      --brown-5: color(display-p3 0.235 0.194 0.162);
      --brown-6: color(display-p3 0.291 0.237 0.192);
      --brown-7: color(display-p3 0.365 0.295 0.232);
      --brown-8: color(display-p3 0.469 0.377 0.287);
      --brown-9: color(display-p3 0.651 0.505 0.368);
      --brown-10: color(display-p3 0.697 0.557 0.423);
      --brown-11: color(display-p3 0.835 0.715 0.597);
      --brown-12: color(display-p3 0.938 0.885 0.802);
    }
  }
}

:root {
  --candor-1: #f4f1f2;
  --candor-2: #f2eced;
  --candor-3: #efdfe0;
  --candor-4: #f0d1d3;
  --candor-5: #ebc4c7;
  --candor-6: #e3b5b8;
  --candor-7: #d8a2a6;
  --candor-8: #cd8990;
  --candor-9: #b2344d;
  --candor-10: #a12340;
  --candor-11: #ac2e48;
  --candor-12: #5e212a;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --candor-1: oklch(96.1% 0.0027 13.39deg);
      --candor-2: oklch(94.9% 0.0068 13.39deg);
      --candor-3: oklch(91.6% 0.0181 13.39deg);
      --candor-4: oklch(88.8% 0.0344 13.39deg);
      --candor-5: oklch(85.4% 0.0447 13.39deg);
      --candor-6: oklch(81.4% 0.0538 13.39deg);
      --candor-7: oklch(76.4% 0.0649 13.39deg);
      --candor-8: oklch(70.1% 0.0826 13.39deg);
      --candor-9: oklch(52% 0.1618 13.39deg);
      --candor-10: oklch(47.2% 0.1618 13.39deg);
      --candor-11: oklch(50.2% 0.1618 13.39deg);
      --candor-12: oklch(34.1% 0.0893 13.39deg);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --candor-1: #12090a;
  --candor-2: #1e1314;
  --candor-3: #3c1118;
  --candor-4: #520c1c;
  --candor-5: #621324;
  --candor-6: #741f30;
  --candor-7: #8e2e3f;
  --candor-8: #ba3c54;
  --candor-9: #b2344d;
  --candor-10: #963545;
  --candor-11: #ff8d9d;
  --candor-12: #ffd0d4;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --candor-1: oklch(15.4% 0.0151 13.39deg);
      --candor-2: oklch(20.2% 0.0186 13.39deg);
      --candor-3: oklch(25% 0.0676 13.39deg);
      --candor-4: oklch(29% 0.1 13.39deg);
      --candor-5: oklch(33.2% 0.112 13.39deg);
      --candor-6: oklch(38.2% 0.1178 13.39deg);
      --candor-7: oklch(44.8% 0.1302 13.39deg);
      --candor-8: oklch(54.4% 0.1618 13.39deg);
      --candor-9: oklch(52% 0.1618 13.39deg);
      --candor-10: oklch(47.2% 0.1302 13.39deg);
      --candor-11: oklch(78.6% 0.1618 13.39deg);
      --candor-12: oklch(90.5% 0.0585 13.39deg);
    }
  }
}

:root {
  --clarity-1: #e4e4e4;
  --clarity-2: #e4e4e4;
  --clarity-3: #e4e4e4;
  --clarity-4: #e4e4e4;
  --clarity-5: #e4e4e4;
  --clarity-6: #e4e4e4;
  --clarity-7: #e4e4e4;
  --clarity-8: #e4e4e4;
  --clarity-9: #e4e4e4;
  --clarity-10: #e4e4e4;
  --clarity-11: #e4e4e4;
  --clarity-12: #e4e4e4;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --clarity-1: oklch(91.8% 0 none);
      --clarity-2: oklch(91.8% 0 none);
      --clarity-3: oklch(91.8% 0 none);
      --clarity-4: oklch(91.8% 0 none);
      --clarity-5: oklch(91.8% 0 none);
      --clarity-6: oklch(91.8% 0 none);
      --clarity-7: oklch(91.8% 0 none);
      --clarity-8: oklch(91.8% 0 none);
      --clarity-9: oklch(91.8% 0 none);
      --clarity-10: oklch(91.8% 0 none);
      --clarity-11: oklch(91.8% 0 none);
      --clarity-12: oklch(91.8% 0 none);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --clarity-1: #e4e4e4;
  --clarity-2: #e4e4e4;
  --clarity-3: #e4e4e4;
  --clarity-4: #e4e4e4;
  --clarity-5: #e4e4e4;
  --clarity-6: #e4e4e4;
  --clarity-7: #e4e4e4;
  --clarity-8: #e4e4e4;
  --clarity-9: #e4e4e4;
  --clarity-10: #e4e4e4;
  --clarity-11: #e4e4e4;
  --clarity-12: #e4e4e4;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --clarity-1: oklch(91.8% 0 none);
      --clarity-2: oklch(91.8% 0 none);
      --clarity-3: oklch(91.8% 0 none);
      --clarity-4: oklch(91.8% 0 none);
      --clarity-5: oklch(91.8% 0 none);
      --clarity-6: oklch(91.8% 0 none);
      --clarity-7: oklch(91.8% 0 none);
      --clarity-8: oklch(91.8% 0 none);
      --clarity-9: oklch(91.8% 0 none);
      --clarity-10: oklch(91.8% 0 none);
      --clarity-11: oklch(91.8% 0 none);
      --clarity-12: oklch(91.8% 0 none);
    }
  }
}

:root {
  --crimson-1: #fffcfd;
  --crimson-2: #fef7f9;
  --crimson-3: #ffe9f0;
  --crimson-4: #fedce7;
  --crimson-5: #facedd;
  --crimson-6: #f3bed1;
  --crimson-7: #eaacc3;
  --crimson-8: #e093b2;
  --crimson-9: #e93d82;
  --crimson-10: #df3478;
  --crimson-11: #cb1d63;
  --crimson-12: #621639;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --crimson-1: color(display-p3 0.998 0.989 0.992);
      --crimson-2: color(display-p3 0.991 0.969 0.976);
      --crimson-3: color(display-p3 0.987 0.917 0.941);
      --crimson-4: color(display-p3 0.975 0.866 0.904);
      --crimson-5: color(display-p3 0.953 0.813 0.864);
      --crimson-6: color(display-p3 0.921 0.755 0.817);
      --crimson-7: color(display-p3 0.88 0.683 0.761);
      --crimson-8: color(display-p3 0.834 0.592 0.694);
      --crimson-9: color(display-p3 0.843 0.298 0.507);
      --crimson-10: color(display-p3 0.807 0.266 0.468);
      --crimson-11: color(display-p3 0.731 0.195 0.388);
      --crimson-12: color(display-p3 0.352 0.111 0.221);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --crimson-1: #191114;
  --crimson-2: #201318;
  --crimson-3: #381525;
  --crimson-4: #4d122f;
  --crimson-5: #5c1839;
  --crimson-6: #6d2545;
  --crimson-7: #873356;
  --crimson-8: #b0436e;
  --crimson-9: #e93d82;
  --crimson-10: #ee518a;
  --crimson-11: #ff92ad;
  --crimson-12: #fdd3e8;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --crimson-1: color(display-p3 0.093 0.068 0.078);
      --crimson-2: color(display-p3 0.117 0.078 0.095);
      --crimson-3: color(display-p3 0.203 0.091 0.143);
      --crimson-4: color(display-p3 0.277 0.087 0.182);
      --crimson-5: color(display-p3 0.332 0.115 0.22);
      --crimson-6: color(display-p3 0.394 0.162 0.268);
      --crimson-7: color(display-p3 0.489 0.222 0.336);
      --crimson-8: color(display-p3 0.638 0.289 0.429);
      --crimson-9: color(display-p3 0.843 0.298 0.507);
      --crimson-10: color(display-p3 0.864 0.364 0.539);
      --crimson-11: color(display-p3 1 0.56 0.66);
      --crimson-12: color(display-p3 0.966 0.834 0.906);
    }
  }
}

:root {
  --cyan-1: #fafdfe;
  --cyan-2: #f2fafb;
  --cyan-3: #def7f9;
  --cyan-4: #caf1f6;
  --cyan-5: #b5e9f0;
  --cyan-6: #9ddde7;
  --cyan-7: #7dcedc;
  --cyan-8: #3db9cf;
  --cyan-9: #00a2c7;
  --cyan-10: #0797b9;
  --cyan-11: #107d98;
  --cyan-12: #0d3c48;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --cyan-1: color(display-p3 0.982 0.992 0.996);
      --cyan-2: color(display-p3 0.955 0.981 0.984);
      --cyan-3: color(display-p3 0.888 0.965 0.975);
      --cyan-4: color(display-p3 0.821 0.941 0.959);
      --cyan-5: color(display-p3 0.751 0.907 0.935);
      --cyan-6: color(display-p3 0.671 0.862 0.9);
      --cyan-7: color(display-p3 0.564 0.8 0.854);
      --cyan-8: color(display-p3 0.388 0.715 0.798);
      --cyan-9: color(display-p3 0.282 0.627 0.765);
      --cyan-10: color(display-p3 0.264 0.583 0.71);
      --cyan-11: color(display-p3 0.08 0.48 0.63);
      --cyan-12: color(display-p3 0.108 0.232 0.277);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --cyan-1: #0b161a;
  --cyan-2: #101b20;
  --cyan-3: #082c36;
  --cyan-4: #003848;
  --cyan-5: #004558;
  --cyan-6: #045468;
  --cyan-7: #12677e;
  --cyan-8: #11809c;
  --cyan-9: #00a2c7;
  --cyan-10: #23afd0;
  --cyan-11: #4ccce6;
  --cyan-12: #b6ecf7;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --cyan-1: color(display-p3 0.053 0.085 0.098);
      --cyan-2: color(display-p3 0.072 0.105 0.122);
      --cyan-3: color(display-p3 0.073 0.168 0.209);
      --cyan-4: color(display-p3 0.063 0.216 0.277);
      --cyan-5: color(display-p3 0.091 0.267 0.336);
      --cyan-6: color(display-p3 0.137 0.324 0.4);
      --cyan-7: color(display-p3 0.186 0.398 0.484);
      --cyan-8: color(display-p3 0.23 0.496 0.6);
      --cyan-9: color(display-p3 0.282 0.627 0.765);
      --cyan-10: color(display-p3 0.331 0.675 0.801);
      --cyan-11: color(display-p3 0.446 0.79 0.887);
      --cyan-12: color(display-p3 0.757 0.919 0.962);
    }
  }
}

:root {
  --foundation-1: #f2f2f2;
  --foundation-2: #f2f2f2;
  --foundation-3: #f2f2f2;
  --foundation-4: #f2f2f2;
  --foundation-5: #f2f2f2;
  --foundation-6: #f2f2f2;
  --foundation-7: #f2f2f2;
  --foundation-8: #f2f2f2;
  --foundation-9: #f2f2f2;
  --foundation-10: #f2f2f2;
  --foundation-11: #f2f2f2;
  --foundation-12: #f2f2f2;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --foundation-1: oklch(96% 0 none);
      --foundation-2: oklch(96% 0 none);
      --foundation-3: oklch(96% 0 none);
      --foundation-4: oklch(96% 0 none);
      --foundation-5: oklch(96% 0 none);
      --foundation-6: oklch(96% 0 none);
      --foundation-7: oklch(96% 0 none);
      --foundation-8: oklch(96% 0 none);
      --foundation-9: oklch(96% 0 none);
      --foundation-10: oklch(96% 0 none);
      --foundation-11: oklch(96% 0 none);
      --foundation-12: oklch(96% 0 none);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --foundation-1: #f2f2f2;
  --foundation-2: #f2f2f2;
  --foundation-3: #f2f2f2;
  --foundation-4: #f2f2f2;
  --foundation-5: #f2f2f2;
  --foundation-6: #f2f2f2;
  --foundation-7: #f2f2f2;
  --foundation-8: #f2f2f2;
  --foundation-9: #f2f2f2;
  --foundation-10: #f2f2f2;
  --foundation-11: #f2f2f2;
  --foundation-12: #f2f2f2;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --foundation-1: oklch(96% 0 none);
      --foundation-2: oklch(96% 0 none);
      --foundation-3: oklch(96% 0 none);
      --foundation-4: oklch(96% 0 none);
      --foundation-5: oklch(96% 0 none);
      --foundation-6: oklch(96% 0 none);
      --foundation-7: oklch(96% 0 none);
      --foundation-8: oklch(96% 0 none);
      --foundation-9: oklch(96% 0 none);
      --foundation-10: oklch(96% 0 none);
      --foundation-11: oklch(96% 0 none);
      --foundation-12: oklch(96% 0 none);
    }
  }
}

:root {
  --gold-1: #fdfdfc;
  --gold-2: #faf9f2;
  --gold-3: #f2f0e7;
  --gold-4: #eae6db;
  --gold-5: #e1dccf;
  --gold-6: #d8d0bf;
  --gold-7: #cbc0aa;
  --gold-8: #b9a88d;
  --gold-9: #978365;
  --gold-10: #8c7a5e;
  --gold-11: #71624b;
  --gold-12: #3b352b;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --gold-1: color(display-p3 0.992 0.992 0.989);
      --gold-2: color(display-p3 0.98 0.976 0.953);
      --gold-3: color(display-p3 0.947 0.94 0.909);
      --gold-4: color(display-p3 0.914 0.904 0.865);
      --gold-5: color(display-p3 0.88 0.865 0.816);
      --gold-6: color(display-p3 0.84 0.818 0.756);
      --gold-7: color(display-p3 0.788 0.753 0.677);
      --gold-8: color(display-p3 0.715 0.66 0.565);
      --gold-9: color(display-p3 0.579 0.517 0.41);
      --gold-10: color(display-p3 0.538 0.479 0.38);
      --gold-11: color(display-p3 0.433 0.386 0.305);
      --gold-12: color(display-p3 0.227 0.209 0.173);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --gold-1: #121211;
  --gold-2: #1b1a17;
  --gold-3: #24231f;
  --gold-4: #2d2b26;
  --gold-5: #38352e;
  --gold-6: #444039;
  --gold-7: #544f46;
  --gold-8: #696256;
  --gold-9: #978365;
  --gold-10: #a39073;
  --gold-11: #cbb99f;
  --gold-12: #e8e2d9;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --gold-1: color(display-p3 0.071 0.071 0.067);
      --gold-2: color(display-p3 0.104 0.101 0.09);
      --gold-3: color(display-p3 0.141 0.136 0.122);
      --gold-4: color(display-p3 0.177 0.17 0.152);
      --gold-5: color(display-p3 0.217 0.207 0.185);
      --gold-6: color(display-p3 0.265 0.252 0.225);
      --gold-7: color(display-p3 0.327 0.31 0.277);
      --gold-8: color(display-p3 0.407 0.384 0.342);
      --gold-9: color(display-p3 0.579 0.517 0.41);
      --gold-10: color(display-p3 0.628 0.566 0.463);
      --gold-11: color(display-p3 0.784 0.728 0.635);
      --gold-12: color(display-p3 0.906 0.887 0.855);
    }
  }
}

:root {
  --grass-1: #fbfefb;
  --grass-2: #f5fbf5;
  --grass-3: #e9f6e9;
  --grass-4: #daf1db;
  --grass-5: #c9e8ca;
  --grass-6: #b2ddb5;
  --grass-7: #94ce9a;
  --grass-8: #65ba74;
  --grass-9: #46a758;
  --grass-10: #3e9b4f;
  --grass-11: #2a7e3b;
  --grass-12: #203c25;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --grass-1: color(display-p3 0.986 0.996 0.985);
      --grass-2: color(display-p3 0.966 0.983 0.964);
      --grass-3: color(display-p3 0.923 0.965 0.917);
      --grass-4: color(display-p3 0.872 0.94 0.865);
      --grass-5: color(display-p3 0.811 0.908 0.802);
      --grass-6: color(display-p3 0.733 0.864 0.724);
      --grass-7: color(display-p3 0.628 0.803 0.622);
      --grass-8: color(display-p3 0.477 0.72 0.482);
      --grass-9: color(display-p3 0.38 0.647 0.378);
      --grass-10: color(display-p3 0.344 0.598 0.342);
      --grass-11: color(display-p3 0.263 0.488 0.261);
      --grass-12: color(display-p3 0.151 0.233 0.153);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --grass-1: #0e1511;
  --grass-2: #141a15;
  --grass-3: #1b2a1e;
  --grass-4: #1d3a24;
  --grass-5: #25482d;
  --grass-6: #2d5736;
  --grass-7: #366740;
  --grass-8: #3e7949;
  --grass-9: #46a758;
  --grass-10: #53b365;
  --grass-11: #71d083;
  --grass-12: #c2f0c2;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --grass-1: color(display-p3 0.062 0.083 0.067);
      --grass-2: color(display-p3 0.083 0.103 0.085);
      --grass-3: color(display-p3 0.118 0.163 0.122);
      --grass-4: color(display-p3 0.142 0.225 0.15);
      --grass-5: color(display-p3 0.178 0.279 0.186);
      --grass-6: color(display-p3 0.217 0.337 0.224);
      --grass-7: color(display-p3 0.258 0.4 0.264);
      --grass-8: color(display-p3 0.302 0.47 0.305);
      --grass-9: color(display-p3 0.38 0.647 0.378);
      --grass-10: color(display-p3 0.426 0.694 0.426);
      --grass-11: color(display-p3 0.535 0.807 0.542);
      --grass-12: color(display-p3 0.797 0.936 0.776);
    }
  }
}

:root {
  --gray-1: #fcfcfc;
  --gray-2: #f9f9f9;
  --gray-3: #f0f0f0;
  --gray-4: #e8e8e8;
  --gray-5: #e0e0e0;
  --gray-6: #d9d9d9;
  --gray-7: #cecece;
  --gray-8: #bbb;
  --gray-9: #8d8d8d;
  --gray-10: #838383;
  --gray-11: #646464;
  --gray-12: #202020;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --gray-1: color(display-p3 0.988 0.988 0.988);
      --gray-2: color(display-p3 0.975 0.975 0.975);
      --gray-3: color(display-p3 0.939 0.939 0.939);
      --gray-4: color(display-p3 0.908 0.908 0.908);
      --gray-5: color(display-p3 0.88 0.88 0.88);
      --gray-6: color(display-p3 0.849 0.849 0.849);
      --gray-7: color(display-p3 0.807 0.807 0.807);
      --gray-8: color(display-p3 0.732 0.732 0.732);
      --gray-9: color(display-p3 0.553 0.553 0.553);
      --gray-10: color(display-p3 0.512 0.512 0.512);
      --gray-11: color(display-p3 0.392 0.392 0.392);
      --gray-12: color(display-p3 0.125 0.125 0.125);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --gray-1: #111;
  --gray-2: #191919;
  --gray-3: #222;
  --gray-4: #2a2a2a;
  --gray-5: #313131;
  --gray-6: #3a3a3a;
  --gray-7: #484848;
  --gray-8: #606060;
  --gray-9: #6e6e6e;
  --gray-10: #7b7b7b;
  --gray-11: #b4b4b4;
  --gray-12: #eee;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --gray-1: color(display-p3 0.067 0.067 0.067);
      --gray-2: color(display-p3 0.098 0.098 0.098);
      --gray-3: color(display-p3 0.135 0.135 0.135);
      --gray-4: color(display-p3 0.163 0.163 0.163);
      --gray-5: color(display-p3 0.192 0.192 0.192);
      --gray-6: color(display-p3 0.228 0.228 0.228);
      --gray-7: color(display-p3 0.283 0.283 0.283);
      --gray-8: color(display-p3 0.375 0.375 0.375);
      --gray-9: color(display-p3 0.431 0.431 0.431);
      --gray-10: color(display-p3 0.484 0.484 0.484);
      --gray-11: color(display-p3 0.706 0.706 0.706);
      --gray-12: color(display-p3 0.933 0.933 0.933);
    }
  }
}

:root {
  --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;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --green-1: color(display-p3 0.986 0.996 0.989);
      --green-2: color(display-p3 0.963 0.983 0.967);
      --green-3: color(display-p3 0.913 0.964 0.925);
      --green-4: color(display-p3 0.859 0.94 0.879);
      --green-5: color(display-p3 0.796 0.907 0.826);
      --green-6: color(display-p3 0.718 0.863 0.761);
      --green-7: color(display-p3 0.61 0.801 0.675);
      --green-8: color(display-p3 0.451 0.715 0.559);
      --green-9: color(display-p3 0.332 0.634 0.442);
      --green-10: color(display-p3 0.308 0.595 0.417);
      --green-11: color(display-p3 0.19 0.5 0.32);
      --green-12: color(display-p3 0.132 0.228 0.18);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --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;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --green-1: color(display-p3 0.062 0.083 0.071);
      --green-2: color(display-p3 0.079 0.106 0.09);
      --green-3: color(display-p3 0.1 0.173 0.133);
      --green-4: color(display-p3 0.115 0.229 0.166);
      --green-5: color(display-p3 0.147 0.282 0.206);
      --green-6: color(display-p3 0.185 0.338 0.25);
      --green-7: color(display-p3 0.227 0.403 0.298);
      --green-8: color(display-p3 0.27 0.479 0.351);
      --green-9: color(display-p3 0.332 0.634 0.442);
      --green-10: color(display-p3 0.357 0.682 0.474);
      --green-11: color(display-p3 0.434 0.828 0.573);
      --green-12: color(display-p3 0.747 0.938 0.807);
    }
  }
}

:root {
  --indigo-1: #fdfdfe;
  --indigo-2: #f7f9ff;
  --indigo-3: #edf2fe;
  --indigo-4: #e1e9ff;
  --indigo-5: #d2deff;
  --indigo-6: #c1d0ff;
  --indigo-7: #abbdf9;
  --indigo-8: #8da4ef;
  --indigo-9: #3e63dd;
  --indigo-10: #3358d4;
  --indigo-11: #3a5bc7;
  --indigo-12: #1f2d5c;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --indigo-1: color(display-p3 0.992 0.992 0.996);
      --indigo-2: color(display-p3 0.971 0.977 0.998);
      --indigo-3: color(display-p3 0.933 0.948 0.992);
      --indigo-4: color(display-p3 0.885 0.914 1);
      --indigo-5: color(display-p3 0.831 0.87 1);
      --indigo-6: color(display-p3 0.767 0.814 0.995);
      --indigo-7: color(display-p3 0.685 0.74 0.957);
      --indigo-8: color(display-p3 0.569 0.639 0.916);
      --indigo-9: color(display-p3 0.276 0.384 0.837);
      --indigo-10: color(display-p3 0.234 0.343 0.801);
      --indigo-11: color(display-p3 0.256 0.354 0.755);
      --indigo-12: color(display-p3 0.133 0.175 0.348);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --indigo-1: #11131f;
  --indigo-2: #141726;
  --indigo-3: #182449;
  --indigo-4: #1d2e62;
  --indigo-5: #253974;
  --indigo-6: #304384;
  --indigo-7: #3a4f97;
  --indigo-8: #435db1;
  --indigo-9: #3e63dd;
  --indigo-10: #5472e4;
  --indigo-11: #9eb1ff;
  --indigo-12: #d6e1ff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --indigo-1: color(display-p3 0.068 0.074 0.118);
      --indigo-2: color(display-p3 0.081 0.089 0.144);
      --indigo-3: color(display-p3 0.105 0.141 0.275);
      --indigo-4: color(display-p3 0.129 0.18 0.369);
      --indigo-5: color(display-p3 0.163 0.22 0.439);
      --indigo-6: color(display-p3 0.203 0.262 0.5);
      --indigo-7: color(display-p3 0.245 0.309 0.575);
      --indigo-8: color(display-p3 0.285 0.362 0.674);
      --indigo-9: color(display-p3 0.276 0.384 0.837);
      --indigo-10: color(display-p3 0.354 0.445 0.866);
      --indigo-11: color(display-p3 0.63 0.69 1);
      --indigo-12: color(display-p3 0.848 0.881 0.99);
    }
  }
}

:root {
  --insight-1: #f2f2f4;
  --insight-2: #ebedf3;
  --insight-3: #e2e5f1;
  --insight-4: #d4dcf3;
  --insight-5: #c5d0f3;
  --insight-6: #b4c2f1;
  --insight-7: #9eafe8;
  --insight-8: #8094de;
  --insight-9: #4558d0;
  --insight-10: #3b4cb6;
  --insight-11: #3a4bb5;
  --insight-12: #222c5e;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --insight-1: oklch(96.2% 0.0019 271.5deg);
      --insight-2: oklch(94.7% 0.0083 271.5deg);
      --insight-3: oklch(92.4% 0.0167 271.5deg);
      --insight-4: oklch(89.6% 0.0334 271.5deg);
      --insight-5: oklch(86.2% 0.0502 271.5deg);
      --insight-6: oklch(81.9% 0.0685 271.5deg);
      --insight-7: oklch(76.1% 0.085 271.5deg);
      --insight-8: oklch(68.2% 0.1122 271.5deg);
      --insight-9: oklch(51.6% 0.1852 271.5deg);
      --insight-10: oklch(46.8% 0.1678 271.5deg);
      --insight-11: oklch(46.4% 0.1678 271.5deg);
      --insight-12: oklch(31.3% 0.0892 271.5deg);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --insight-1: #090b16;
  --insight-2: #121624;
  --insight-3: #1b2347;
  --insight-4: #222c62;
  --insight-5: #2a3673;
  --insight-6: #344282;
  --insight-7: #3e4e96;
  --insight-8: #4a5cb1;
  --insight-9: #4558d0;
  --insight-10: #3949bf;
  --insight-11: #9ab1ff;
  --insight-12: #d8e1ff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --insight-1: oklch(15.4% 0.023 271.5deg);
      --insight-2: oklch(20.2% 0.0293 271.5deg);
      --insight-3: oklch(26.9% 0.068 271.5deg);
      --insight-4: oklch(31.7% 0.096 271.5deg);
      --insight-5: oklch(35.9% 0.1053 271.5deg);
      --insight-6: oklch(40.1% 0.1095 271.5deg);
      --insight-7: oklch(44.9% 0.1184 271.5deg);
      --insight-8: oklch(50.5% 0.1355 271.5deg);
      --insight-9: oklch(51.6% 0.1852 271.5deg);
      --insight-10: oklch(46.8% 0.1852 271.5deg);
      --insight-11: oklch(77.7% 0.1248 271.5deg);
      --insight-12: oklch(91.2% 0.0415 271.5deg);
    }
  }
}

:root {
  --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;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --iris-1: color(display-p3 0.992 0.992 0.999);
      --iris-2: color(display-p3 0.972 0.973 0.998);
      --iris-3: color(display-p3 0.943 0.945 0.992);
      --iris-4: color(display-p3 0.902 0.906 1);
      --iris-5: color(display-p3 0.857 0.861 1);
      --iris-6: color(display-p3 0.799 0.805 0.987);
      --iris-7: color(display-p3 0.721 0.727 0.955);
      --iris-8: color(display-p3 0.61 0.619 0.918);
      --iris-9: color(display-p3 0.357 0.357 0.81);
      --iris-10: color(display-p3 0.318 0.318 0.774);
      --iris-11: color(display-p3 0.337 0.326 0.748);
      --iris-12: color(display-p3 0.154 0.161 0.371);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --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;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --iris-1: color(display-p3 0.075 0.075 0.114);
      --iris-2: color(display-p3 0.089 0.086 0.14);
      --iris-3: color(display-p3 0.128 0.134 0.272);
      --iris-4: color(display-p3 0.153 0.165 0.382);
      --iris-5: color(display-p3 0.192 0.201 0.44);
      --iris-6: color(display-p3 0.239 0.241 0.491);
      --iris-7: color(display-p3 0.291 0.289 0.565);
      --iris-8: color(display-p3 0.35 0.345 0.673);
      --iris-9: color(display-p3 0.357 0.357 0.81);
      --iris-10: color(display-p3 0.428 0.416 0.843);
      --iris-11: color(display-p3 0.685 0.662 1);
      --iris-12: color(display-p3 0.878 0.875 0.986);
    }
  }
}

:root {
  --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;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --jade-1: color(display-p3 0.986 0.996 0.992);
      --jade-2: color(display-p3 0.962 0.983 0.969);
      --jade-3: color(display-p3 0.912 0.965 0.932);
      --jade-4: color(display-p3 0.858 0.941 0.893);
      --jade-5: color(display-p3 0.795 0.909 0.847);
      --jade-6: color(display-p3 0.715 0.864 0.791);
      --jade-7: color(display-p3 0.603 0.802 0.718);
      --jade-8: color(display-p3 0.44 0.72 0.629);
      --jade-9: color(display-p3 0.319 0.63 0.521);
      --jade-10: color(display-p3 0.299 0.592 0.488);
      --jade-11: color(display-p3 0.15 0.5 0.37);
      --jade-12: color(display-p3 0.142 0.229 0.194);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --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;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --jade-1: color(display-p3 0.059 0.083 0.071);
      --jade-2: color(display-p3 0.078 0.11 0.094);
      --jade-3: color(display-p3 0.091 0.176 0.138);
      --jade-4: color(display-p3 0.102 0.228 0.177);
      --jade-5: color(display-p3 0.133 0.279 0.221);
      --jade-6: color(display-p3 0.174 0.334 0.273);
      --jade-7: color(display-p3 0.219 0.402 0.335);
      --jade-8: color(display-p3 0.263 0.488 0.411);
      --jade-9: color(display-p3 0.319 0.63 0.521);
      --jade-10: color(display-p3 0.338 0.68 0.555);
      --jade-11: color(display-p3 0.4 0.835 0.656);
      --jade-12: color(display-p3 0.734 0.934 0.838);
    }
  }
}

:root {
  --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;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --lime-1: color(display-p3 0.989 0.992 0.981);
      --lime-2: color(display-p3 0.975 0.98 0.954);
      --lime-3: color(display-p3 0.939 0.965 0.851);
      --lime-4: color(display-p3 0.896 0.94 0.76);
      --lime-5: color(display-p3 0.843 0.903 0.678);
      --lime-6: color(display-p3 0.778 0.852 0.599);
      --lime-7: color(display-p3 0.694 0.784 0.508);
      --lime-8: color(display-p3 0.585 0.707 0.378);
      --lime-9: color(display-p3 0.78 0.928 0.466);
      --lime-10: color(display-p3 0.734 0.896 0.397);
      --lime-11: color(display-p3 0.386 0.482 0.227);
      --lime-12: color(display-p3 0.222 0.25 0.128);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --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;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --lime-1: color(display-p3 0.067 0.073 0.048);
      --lime-2: color(display-p3 0.086 0.1 0.067);
      --lime-3: color(display-p3 0.13 0.16 0.099);
      --lime-4: color(display-p3 0.172 0.214 0.126);
      --lime-5: color(display-p3 0.213 0.266 0.153);
      --lime-6: color(display-p3 0.257 0.321 0.182);
      --lime-7: color(display-p3 0.307 0.383 0.215);
      --lime-8: color(display-p3 0.365 0.456 0.25);
      --lime-9: color(display-p3 0.78 0.928 0.466);
      --lime-10: color(display-p3 0.865 0.995 0.519);
      --lime-11: color(display-p3 0.771 0.893 0.485);
      --lime-12: color(display-p3 0.905 0.966 0.753);
    }
  }
}

:root {
  --mint-1: #f9fefd;
  --mint-2: #f2fbf9;
  --mint-3: #ddf9f2;
  --mint-4: #c8f4e9;
  --mint-5: #b3ecde;
  --mint-6: #9ce0d0;
  --mint-7: #7ecfbd;
  --mint-8: #4cbba5;
  --mint-9: #86ead4;
  --mint-10: #7de0cb;
  --mint-11: #027864;
  --mint-12: #16433c;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --mint-1: color(display-p3 0.98 0.995 0.992);
      --mint-2: color(display-p3 0.957 0.985 0.977);
      --mint-3: color(display-p3 0.888 0.972 0.95);
      --mint-4: color(display-p3 0.819 0.951 0.916);
      --mint-5: color(display-p3 0.747 0.918 0.873);
      --mint-6: color(display-p3 0.668 0.87 0.818);
      --mint-7: color(display-p3 0.567 0.805 0.744);
      --mint-8: color(display-p3 0.42 0.724 0.649);
      --mint-9: color(display-p3 0.62 0.908 0.834);
      --mint-10: color(display-p3 0.585 0.871 0.797);
      --mint-11: color(display-p3 0.203 0.463 0.397);
      --mint-12: color(display-p3 0.136 0.259 0.236);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --mint-1: #0e1515;
  --mint-2: #0f1b1b;
  --mint-3: #092c2b;
  --mint-4: #003a38;
  --mint-5: #004744;
  --mint-6: #105650;
  --mint-7: #1e685f;
  --mint-8: #277f70;
  --mint-9: #86ead4;
  --mint-10: #a8f5e5;
  --mint-11: #58d5ba;
  --mint-12: #c4f5e1;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --mint-1: color(display-p3 0.059 0.082 0.081);
      --mint-2: color(display-p3 0.068 0.104 0.105);
      --mint-3: color(display-p3 0.077 0.17 0.168);
      --mint-4: color(display-p3 0.068 0.224 0.22);
      --mint-5: color(display-p3 0.104 0.275 0.264);
      --mint-6: color(display-p3 0.154 0.332 0.313);
      --mint-7: color(display-p3 0.207 0.403 0.373);
      --mint-8: color(display-p3 0.258 0.49 0.441);
      --mint-9: color(display-p3 0.62 0.908 0.834);
      --mint-10: color(display-p3 0.725 0.954 0.898);
      --mint-11: color(display-p3 0.482 0.825 0.733);
      --mint-12: color(display-p3 0.807 0.955 0.887);
    }
  }
}

:root {
  --orange-1: #fefcfb;
  --orange-2: #fff7ed;
  --orange-3: #ffefd6;
  --orange-4: #ffdfb5;
  --orange-5: #ffd19a;
  --orange-6: #ffc182;
  --orange-7: #f5ae73;
  --orange-8: #ec9455;
  --orange-9: #f76b15;
  --orange-10: #ef5f00;
  --orange-11: #cc4e00;
  --orange-12: #582d1d;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --orange-1: color(display-p3 0.995 0.988 0.985);
      --orange-2: color(display-p3 0.994 0.968 0.934);
      --orange-3: color(display-p3 0.989 0.938 0.85);
      --orange-4: color(display-p3 1 0.874 0.687);
      --orange-5: color(display-p3 1 0.821 0.583);
      --orange-6: color(display-p3 0.975 0.767 0.545);
      --orange-7: color(display-p3 0.919 0.693 0.486);
      --orange-8: color(display-p3 0.877 0.597 0.379);
      --orange-9: color(display-p3 0.9 0.45 0.2);
      --orange-10: color(display-p3 0.87 0.409 0.164);
      --orange-11: color(display-p3 0.76 0.34 0);
      --orange-12: color(display-p3 0.323 0.185 0.127);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --orange-1: #17120e;
  --orange-2: #1e160f;
  --orange-3: #331e0b;
  --orange-4: #462100;
  --orange-5: #562800;
  --orange-6: #66350c;
  --orange-7: #7e451d;
  --orange-8: #a35829;
  --orange-9: #f76b15;
  --orange-10: #ff801f;
  --orange-11: #ffa057;
  --orange-12: #ffe0c2;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --orange-1: color(display-p3 0.088 0.07 0.057);
      --orange-2: color(display-p3 0.113 0.089 0.061);
      --orange-3: color(display-p3 0.189 0.12 0.056);
      --orange-4: color(display-p3 0.262 0.132 0);
      --orange-5: color(display-p3 0.315 0.168 0.016);
      --orange-6: color(display-p3 0.376 0.219 0.088);
      --orange-7: color(display-p3 0.465 0.283 0.147);
      --orange-8: color(display-p3 0.601 0.359 0.201);
      --orange-9: color(display-p3 0.9 0.45 0.2);
      --orange-10: color(display-p3 0.98 0.51 0.23);
      --orange-11: color(display-p3 1 0.63 0.38);
      --orange-12: color(display-p3 0.98 0.883 0.775);
    }
  }
}

:root {
  --pink-1: #fffcfe;
  --pink-2: #fef7fb;
  --pink-3: #fee9f5;
  --pink-4: #fbdcef;
  --pink-5: #f6cee7;
  --pink-6: #efbfdd;
  --pink-7: #e7acd0;
  --pink-8: #dd93c2;
  --pink-9: #d6409f;
  --pink-10: #cf3897;
  --pink-11: #c2298a;
  --pink-12: #651249;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --pink-1: color(display-p3 0.998 0.989 0.996);
      --pink-2: color(display-p3 0.992 0.97 0.985);
      --pink-3: color(display-p3 0.981 0.917 0.96);
      --pink-4: color(display-p3 0.963 0.867 0.932);
      --pink-5: color(display-p3 0.939 0.815 0.899);
      --pink-6: color(display-p3 0.907 0.756 0.859);
      --pink-7: color(display-p3 0.869 0.683 0.81);
      --pink-8: color(display-p3 0.825 0.59 0.751);
      --pink-9: color(display-p3 0.775 0.297 0.61);
      --pink-10: color(display-p3 0.748 0.27 0.581);
      --pink-11: color(display-p3 0.698 0.219 0.528);
      --pink-12: color(display-p3 0.363 0.101 0.279);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --pink-1: #191117;
  --pink-2: #21121d;
  --pink-3: #37172f;
  --pink-4: #4b143d;
  --pink-5: #591c47;
  --pink-6: #692955;
  --pink-7: #833869;
  --pink-8: #a84885;
  --pink-9: #d6409f;
  --pink-10: #de51a8;
  --pink-11: #ff8dcc;
  --pink-12: #fdd1ea;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --pink-1: color(display-p3 0.093 0.068 0.089);
      --pink-2: color(display-p3 0.121 0.073 0.11);
      --pink-3: color(display-p3 0.198 0.098 0.179);
      --pink-4: color(display-p3 0.271 0.095 0.231);
      --pink-5: color(display-p3 0.32 0.127 0.273);
      --pink-6: color(display-p3 0.382 0.177 0.326);
      --pink-7: color(display-p3 0.477 0.238 0.405);
      --pink-8: color(display-p3 0.612 0.304 0.51);
      --pink-9: color(display-p3 0.775 0.297 0.61);
      --pink-10: color(display-p3 0.808 0.356 0.645);
      --pink-11: color(display-p3 1 0.535 0.78);
      --pink-12: color(display-p3 0.964 0.826 0.912);
    }
  }
}

:root {
  --plum-1: #fefcff;
  --plum-2: #fdf7fd;
  --plum-3: #fbebfb;
  --plum-4: #f7def8;
  --plum-5: #f2d1f3;
  --plum-6: #e9c2ec;
  --plum-7: #deade3;
  --plum-8: #cf91d8;
  --plum-9: #ab4aba;
  --plum-10: #a144af;
  --plum-11: #953ea3;
  --plum-12: #53195d;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --plum-1: color(display-p3 0.995 0.988 0.999);
      --plum-2: color(display-p3 0.988 0.971 0.99);
      --plum-3: color(display-p3 0.973 0.923 0.98);
      --plum-4: color(display-p3 0.953 0.875 0.966);
      --plum-5: color(display-p3 0.926 0.825 0.945);
      --plum-6: color(display-p3 0.89 0.765 0.916);
      --plum-7: color(display-p3 0.84 0.686 0.877);
      --plum-8: color(display-p3 0.775 0.58 0.832);
      --plum-9: color(display-p3 0.624 0.313 0.708);
      --plum-10: color(display-p3 0.587 0.29 0.667);
      --plum-11: color(display-p3 0.543 0.263 0.619);
      --plum-12: color(display-p3 0.299 0.114 0.352);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --plum-1: #181118;
  --plum-2: #201320;
  --plum-3: #351a35;
  --plum-4: #451d47;
  --plum-5: #512454;
  --plum-6: #5e3061;
  --plum-7: #734079;
  --plum-8: #92549c;
  --plum-9: #ab4aba;
  --plum-10: #b658c4;
  --plum-11: #e796f3;
  --plum-12: #f4d4f4;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --plum-1: color(display-p3 0.09 0.068 0.092);
      --plum-2: color(display-p3 0.118 0.077 0.121);
      --plum-3: color(display-p3 0.192 0.105 0.202);
      --plum-4: color(display-p3 0.25 0.121 0.271);
      --plum-5: color(display-p3 0.293 0.152 0.319);
      --plum-6: color(display-p3 0.343 0.198 0.372);
      --plum-7: color(display-p3 0.424 0.262 0.461);
      --plum-8: color(display-p3 0.54 0.341 0.595);
      --plum-9: color(display-p3 0.624 0.313 0.708);
      --plum-10: color(display-p3 0.666 0.365 0.748);
      --plum-11: color(display-p3 0.86 0.602 0.933);
      --plum-12: color(display-p3 0.936 0.836 0.949);
    }
  }
}

:root {
  --primary-1: #f2f2f2;
  --primary-2: #ededed;
  --primary-3: #e4e4e4;
  --primary-4: #dbdbdb;
  --primary-5: #d3d3d3;
  --primary-6: #cbcbcb;
  --primary-7: #bfbfbf;
  --primary-8: #acacac;
  --primary-9: #0c0c0c;
  --primary-10: #272727;
  --primary-11: #565656;
  --primary-12: #0c0c0c;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --primary-1: oklch(96% 0 none);
      --primary-2: oklch(94.6% 0 none);
      --primary-3: oklch(91.8% 0 none);
      --primary-4: oklch(89.2% 0 none);
      --primary-5: oklch(86.7% 0 none);
      --primary-6: oklch(84.1% 0 none);
      --primary-7: oklch(80.5% 0 none);
      --primary-8: oklch(74.4% 0 none);
      --primary-9: oklch(15.4% 0 none);
      --primary-10: oklch(27.2% 0 none);
      --primary-11: oklch(45.4% 0 none);
      --primary-12: oklch(15.4% 0 none);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --primary-1: #0c0c0c;
  --primary-2: #181818;
  --primary-3: #222;
  --primary-4: #2a2a2a;
  --primary-5: #313131;
  --primary-6: #3a3a3a;
  --primary-7: #484848;
  --primary-8: #616161;
  --primary-9: #f2f2f2;
  --primary-10: #e9e9e9;
  --primary-11: #b4b4b4;
  --primary-12: #f2f2f2;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --primary-1: oklch(15.4% 0 none);
      --primary-2: oklch(21.1% 0 none);
      --primary-3: oklch(25.3% 0 none);
      --primary-4: oklch(28.3% 0 none);
      --primary-5: oklch(31.3% 0 none);
      --primary-6: oklch(35% 0 none);
      --primary-7: oklch(40.1% 0 none);
      --primary-8: oklch(49.2% 0 none);
      --primary-9: oklch(96.1% 0 none);
      --primary-10: oklch(93.3% 0 none);
      --primary-11: oklch(77% 0 none);
      --primary-12: oklch(96.1% 0 none);
    }
  }
}

:root {
  --purple-1: #fefcfe;
  --purple-2: #fbf7fe;
  --purple-3: #f7edfe;
  --purple-4: #f2e2fc;
  --purple-5: #ead5f9;
  --purple-6: #e0c4f4;
  --purple-7: #d1afec;
  --purple-8: #be93e4;
  --purple-9: #8e4ec6;
  --purple-10: #8347b9;
  --purple-11: #8145b5;
  --purple-12: #402060;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --purple-1: color(display-p3 0.995 0.988 0.996);
      --purple-2: color(display-p3 0.983 0.971 0.993);
      --purple-3: color(display-p3 0.963 0.931 0.989);
      --purple-4: color(display-p3 0.937 0.888 0.981);
      --purple-5: color(display-p3 0.904 0.837 0.966);
      --purple-6: color(display-p3 0.86 0.774 0.942);
      --purple-7: color(display-p3 0.799 0.69 0.91);
      --purple-8: color(display-p3 0.719 0.583 0.874);
      --purple-9: color(display-p3 0.523 0.318 0.751);
      --purple-10: color(display-p3 0.483 0.289 0.7);
      --purple-11: color(display-p3 0.473 0.281 0.687);
      --purple-12: color(display-p3 0.234 0.132 0.363);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --purple-1: #18111b;
  --purple-2: #1e1523;
  --purple-3: #301c3b;
  --purple-4: #3d224e;
  --purple-5: #48295c;
  --purple-6: #54346b;
  --purple-7: #664282;
  --purple-8: #8457aa;
  --purple-9: #8e4ec6;
  --purple-10: #9a5cd0;
  --purple-11: #d19dff;
  --purple-12: #ecd9fa;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --purple-1: color(display-p3 0.09 0.068 0.103);
      --purple-2: color(display-p3 0.113 0.082 0.134);
      --purple-3: color(display-p3 0.175 0.112 0.224);
      --purple-4: color(display-p3 0.224 0.137 0.297);
      --purple-5: color(display-p3 0.264 0.167 0.349);
      --purple-6: color(display-p3 0.311 0.208 0.406);
      --purple-7: color(display-p3 0.381 0.266 0.496);
      --purple-8: color(display-p3 0.49 0.349 0.649);
      --purple-9: color(display-p3 0.523 0.318 0.751);
      --purple-10: color(display-p3 0.57 0.373 0.791);
      --purple-11: color(display-p3 0.8 0.62 1);
      --purple-12: color(display-p3 0.913 0.854 0.971);
    }
  }
}

:root {
  --red-1: #fffcfc;
  --red-2: #fff7f7;
  --red-3: #feebec;
  --red-4: #ffdbdc;
  --red-5: #ffcdce;
  --red-6: #fdbdbe;
  --red-7: #f4a9aa;
  --red-8: #eb8e90;
  --red-9: #e5484d;
  --red-10: #dc3e42;
  --red-11: #ce2c31;
  --red-12: #641723;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --red-1: color(display-p3 0.998 0.989 0.988);
      --red-2: color(display-p3 0.995 0.971 0.971);
      --red-3: color(display-p3 0.985 0.925 0.925);
      --red-4: color(display-p3 0.999 0.866 0.866);
      --red-5: color(display-p3 0.984 0.812 0.811);
      --red-6: color(display-p3 0.955 0.751 0.749);
      --red-7: color(display-p3 0.915 0.675 0.672);
      --red-8: color(display-p3 0.872 0.575 0.572);
      --red-9: color(display-p3 0.83 0.329 0.324);
      --red-10: color(display-p3 0.798 0.294 0.285);
      --red-11: color(display-p3 0.744 0.234 0.222);
      --red-12: color(display-p3 0.36 0.115 0.143);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --red-1: #191111;
  --red-2: #201314;
  --red-3: #3b1219;
  --red-4: #500f1c;
  --red-5: #611623;
  --red-6: #72232d;
  --red-7: #8c333a;
  --red-8: #b54548;
  --red-9: #e5484d;
  --red-10: #ec5d5e;
  --red-11: #ff9592;
  --red-12: #ffd1d9;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --red-1: color(display-p3 0.093 0.068 0.067);
      --red-2: color(display-p3 0.118 0.077 0.079);
      --red-3: color(display-p3 0.211 0.081 0.099);
      --red-4: color(display-p3 0.287 0.079 0.113);
      --red-5: color(display-p3 0.348 0.11 0.142);
      --red-6: color(display-p3 0.414 0.16 0.183);
      --red-7: color(display-p3 0.508 0.224 0.236);
      --red-8: color(display-p3 0.659 0.298 0.297);
      --red-9: color(display-p3 0.83 0.329 0.324);
      --red-10: color(display-p3 0.861 0.403 0.387);
      --red-11: color(display-p3 1 0.57 0.55);
      --red-12: color(display-p3 0.971 0.826 0.852);
    }
  }
}

:root {
  --ruby-1: #fffcfd;
  --ruby-2: #fff7f8;
  --ruby-3: #feeaed;
  --ruby-4: #ffdce1;
  --ruby-5: #ffced6;
  --ruby-6: #f8bfc8;
  --ruby-7: #efacb8;
  --ruby-8: #e592a3;
  --ruby-9: #e54666;
  --ruby-10: #dc3b5d;
  --ruby-11: #ca244d;
  --ruby-12: #64172b;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --ruby-1: color(display-p3 0.998 0.989 0.992);
      --ruby-2: color(display-p3 0.995 0.971 0.974);
      --ruby-3: color(display-p3 0.983 0.92 0.928);
      --ruby-4: color(display-p3 0.987 0.869 0.885);
      --ruby-5: color(display-p3 0.968 0.817 0.839);
      --ruby-6: color(display-p3 0.937 0.758 0.786);
      --ruby-7: color(display-p3 0.897 0.685 0.721);
      --ruby-8: color(display-p3 0.851 0.588 0.639);
      --ruby-9: color(display-p3 0.83 0.323 0.408);
      --ruby-10: color(display-p3 0.795 0.286 0.375);
      --ruby-11: color(display-p3 0.728 0.211 0.311);
      --ruby-12: color(display-p3 0.36 0.115 0.171);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --ruby-1: #191113;
  --ruby-2: #1e1517;
  --ruby-3: #3a141e;
  --ruby-4: #4e1325;
  --ruby-5: #5e1a2e;
  --ruby-6: #6f2539;
  --ruby-7: #883447;
  --ruby-8: #b3445a;
  --ruby-9: #e54666;
  --ruby-10: #ec5a72;
  --ruby-11: #ff949d;
  --ruby-12: #fed2e1;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --ruby-1: color(display-p3 0.093 0.068 0.074);
      --ruby-2: color(display-p3 0.113 0.083 0.089);
      --ruby-3: color(display-p3 0.208 0.088 0.117);
      --ruby-4: color(display-p3 0.279 0.092 0.147);
      --ruby-5: color(display-p3 0.337 0.12 0.18);
      --ruby-6: color(display-p3 0.401 0.166 0.223);
      --ruby-7: color(display-p3 0.495 0.224 0.281);
      --ruby-8: color(display-p3 0.652 0.295 0.359);
      --ruby-9: color(display-p3 0.83 0.323 0.408);
      --ruby-10: color(display-p3 0.857 0.392 0.455);
      --ruby-11: color(display-p3 1 0.57 0.59);
      --ruby-12: color(display-p3 0.968 0.83 0.88);
    }
  }
}

:root {
  --sky-1: #f9feff;
  --sky-2: #f1fafd;
  --sky-3: #e1f6fd;
  --sky-4: #d1f0fa;
  --sky-5: #bee7f5;
  --sky-6: #a9daed;
  --sky-7: #8dcae3;
  --sky-8: #60b3d7;
  --sky-9: #7ce2fe;
  --sky-10: #74daf8;
  --sky-11: #00749e;
  --sky-12: #1d3e56;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --sky-1: color(display-p3 0.98 0.995 0.999);
      --sky-2: color(display-p3 0.953 0.98 0.99);
      --sky-3: color(display-p3 0.899 0.963 0.989);
      --sky-4: color(display-p3 0.842 0.937 0.977);
      --sky-5: color(display-p3 0.777 0.9 0.954);
      --sky-6: color(display-p3 0.701 0.851 0.921);
      --sky-7: color(display-p3 0.604 0.785 0.879);
      --sky-8: color(display-p3 0.457 0.696 0.829);
      --sky-9: color(display-p3 0.585 0.877 0.983);
      --sky-10: color(display-p3 0.555 0.845 0.959);
      --sky-11: color(display-p3 0.193 0.448 0.605);
      --sky-12: color(display-p3 0.145 0.241 0.329);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --sky-1: #0d141f;
  --sky-2: #111a27;
  --sky-3: #112840;
  --sky-4: #113555;
  --sky-5: #154467;
  --sky-6: #1b537b;
  --sky-7: #1f6692;
  --sky-8: #197cae;
  --sky-9: #7ce2fe;
  --sky-10: #a8eeff;
  --sky-11: #75c7f0;
  --sky-12: #c2f3ff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --sky-1: color(display-p3 0.056 0.078 0.116);
      --sky-2: color(display-p3 0.075 0.101 0.149);
      --sky-3: color(display-p3 0.089 0.154 0.244);
      --sky-4: color(display-p3 0.106 0.207 0.323);
      --sky-5: color(display-p3 0.135 0.261 0.394);
      --sky-6: color(display-p3 0.17 0.322 0.469);
      --sky-7: color(display-p3 0.205 0.394 0.557);
      --sky-8: color(display-p3 0.232 0.48 0.665);
      --sky-9: color(display-p3 0.585 0.877 0.983);
      --sky-10: color(display-p3 0.718 0.925 0.991);
      --sky-11: color(display-p3 0.536 0.772 0.924);
      --sky-12: color(display-p3 0.799 0.947 0.993);
    }
  }
}

:root {
  --slate-1: #fcfcfd;
  --slate-2: #f9f9fb;
  --slate-3: #f0f0f3;
  --slate-4: #e8e8ec;
  --slate-5: #e0e1e6;
  --slate-6: #d9d9e0;
  --slate-7: #cdced6;
  --slate-8: #b9bbc6;
  --slate-9: #8b8d98;
  --slate-10: #80838d;
  --slate-11: #60646c;
  --slate-12: #1c2024;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --slate-1: color(display-p3 0.988 0.988 0.992);
      --slate-2: color(display-p3 0.976 0.976 0.984);
      --slate-3: color(display-p3 0.94 0.941 0.953);
      --slate-4: color(display-p3 0.908 0.909 0.925);
      --slate-5: color(display-p3 0.88 0.881 0.901);
      --slate-6: color(display-p3 0.85 0.852 0.876);
      --slate-7: color(display-p3 0.805 0.808 0.838);
      --slate-8: color(display-p3 0.727 0.733 0.773);
      --slate-9: color(display-p3 0.547 0.553 0.592);
      --slate-10: color(display-p3 0.503 0.512 0.549);
      --slate-11: color(display-p3 0.379 0.392 0.421);
      --slate-12: color(display-p3 0.113 0.125 0.14);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --slate-1: #111113;
  --slate-2: #18191b;
  --slate-3: #212225;
  --slate-4: #272a2d;
  --slate-5: #2e3135;
  --slate-6: #363a3f;
  --slate-7: #43484e;
  --slate-8: #5a6169;
  --slate-9: #696e77;
  --slate-10: #777b84;
  --slate-11: #b0b4ba;
  --slate-12: #edeef0;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --slate-1: color(display-p3 0.067 0.067 0.074);
      --slate-2: color(display-p3 0.095 0.098 0.105);
      --slate-3: color(display-p3 0.13 0.135 0.145);
      --slate-4: color(display-p3 0.156 0.163 0.176);
      --slate-5: color(display-p3 0.183 0.191 0.206);
      --slate-6: color(display-p3 0.215 0.226 0.244);
      --slate-7: color(display-p3 0.265 0.28 0.302);
      --slate-8: color(display-p3 0.357 0.381 0.409);
      --slate-9: color(display-p3 0.415 0.431 0.463);
      --slate-10: color(display-p3 0.469 0.483 0.514);
      --slate-11: color(display-p3 0.692 0.704 0.728);
      --slate-12: color(display-p3 0.93 0.933 0.94);
    }
  }
}

:root {
  --teal-1: #fafefd;
  --teal-2: #f3fbf9;
  --teal-3: #e0f8f3;
  --teal-4: #ccf3ea;
  --teal-5: #b8eae0;
  --teal-6: #a1ded2;
  --teal-7: #83cdc1;
  --teal-8: #53b9ab;
  --teal-9: #12a594;
  --teal-10: #0d9b8a;
  --teal-11: #008573;
  --teal-12: #0d3d38;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --teal-1: color(display-p3 0.983 0.996 0.992);
      --teal-2: color(display-p3 0.958 0.983 0.976);
      --teal-3: color(display-p3 0.895 0.971 0.952);
      --teal-4: color(display-p3 0.831 0.949 0.92);
      --teal-5: color(display-p3 0.761 0.914 0.878);
      --teal-6: color(display-p3 0.682 0.864 0.825);
      --teal-7: color(display-p3 0.581 0.798 0.756);
      --teal-8: color(display-p3 0.433 0.716 0.671);
      --teal-9: color(display-p3 0.297 0.637 0.581);
      --teal-10: color(display-p3 0.275 0.599 0.542);
      --teal-11: color(display-p3 0.08 0.5 0.43);
      --teal-12: color(display-p3 0.11 0.235 0.219);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --teal-1: #0d1514;
  --teal-2: #111c1b;
  --teal-3: #0d2d2a;
  --teal-4: #023b37;
  --teal-5: #084843;
  --teal-6: #145750;
  --teal-7: #1c6961;
  --teal-8: #207e73;
  --teal-9: #12a594;
  --teal-10: #0eb39e;
  --teal-11: #0bd8b6;
  --teal-12: #adf0dd;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --teal-1: color(display-p3 0.059 0.083 0.079);
      --teal-2: color(display-p3 0.075 0.11 0.107);
      --teal-3: color(display-p3 0.087 0.175 0.165);
      --teal-4: color(display-p3 0.087 0.227 0.214);
      --teal-5: color(display-p3 0.12 0.277 0.261);
      --teal-6: color(display-p3 0.162 0.335 0.314);
      --teal-7: color(display-p3 0.205 0.406 0.379);
      --teal-8: color(display-p3 0.245 0.489 0.453);
      --teal-9: color(display-p3 0.297 0.637 0.581);
      --teal-10: color(display-p3 0.319 0.69 0.62);
      --teal-11: color(display-p3 0.388 0.835 0.719);
      --teal-12: color(display-p3 0.734 0.934 0.87);
    }
  }
}

:root {
  --temper-1: #f4f2f1;
  --temper-2: #f4ece7;
  --temper-3: #f4e0d1;
  --temper-4: #f3d4bd;
  --temper-5: #f1c7a8;
  --temper-6: #e9ba96;
  --temper-7: #dfa77c;
  --temper-8: #d38c52;
  --temper-9: #c27838;
  --temper-10: #b56c2a;
  --temper-11: #874b0f;
  --temper-12: #433326;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --temper-1: oklch(96.2% 0.0023 58.66deg);
      --temper-2: oklch(94.9% 0.0117 58.66deg);
      --temper-3: oklch(91.9% 0.0297 58.66deg);
      --temper-4: oklch(89% 0.0468 58.66deg);
      --temper-5: oklch(85.9% 0.0634 58.66deg);
      --temper-6: oklch(82.1% 0.0726 58.66deg);
      --temper-7: oklch(77.1% 0.0881 58.66deg);
      --temper-8: oklch(70.1% 0.1145 58.66deg);
      --temper-9: oklch(64% 0.1214 58.66deg);
      --temper-10: oklch(60% 0.1214 58.66deg);
      --temper-11: oklch(47.5% 0.1057 58.66deg);
      --temper-12: oklch(33.5% 0.0319 58.66deg);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --temper-1: #0e0b09;
  --temper-2: #1c1713;
  --temper-3: #2b1f16;
  --temper-4: #392617;
  --temper-5: #462e1b;
  --temper-6: #563922;
  --temper-7: #6b472b;
  --temper-8: #8a5b35;
  --temper-9: #c27838;
  --temper-10: #b56c2a;
  --temper-11: #ecad7b;
  --temper-12: #fadcc6;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --temper-1: oklch(15.4% 0.0068 58.66deg);
      --temper-2: oklch(20.8% 0.0111 58.66deg);
      --temper-3: oklch(25.1% 0.0253 58.66deg);
      --temper-4: oklch(28.8% 0.0386 58.66deg);
      --temper-5: oklch(32.5% 0.0467 58.66deg);
      --temper-6: oklch(37.2% 0.0541 58.66deg);
      --temper-7: oklch(43.3% 0.0643 58.66deg);
      --temper-8: oklch(51.4% 0.0815 58.66deg);
      --temper-9: oklch(64% 0.1214 58.66deg);
      --temper-10: oklch(60% 0.1214 58.66deg);
      --temper-11: oklch(79.5% 0.0992 58.66deg);
      --temper-12: oklch(91.4% 0.0437 58.66deg);
    }
  }
}

:root {
  --tomato-1: #fffcfc;
  --tomato-2: #fff8f7;
  --tomato-3: #feebe7;
  --tomato-4: #ffdcd3;
  --tomato-5: #ffcdc2;
  --tomato-6: #fdbdaf;
  --tomato-7: #f5a898;
  --tomato-8: #ec8e7b;
  --tomato-9: #e54d2e;
  --tomato-10: #dd4425;
  --tomato-11: #d13415;
  --tomato-12: #5c271f;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --tomato-1: color(display-p3 0.998 0.989 0.988);
      --tomato-2: color(display-p3 0.994 0.974 0.969);
      --tomato-3: color(display-p3 0.985 0.924 0.909);
      --tomato-4: color(display-p3 0.996 0.868 0.835);
      --tomato-5: color(display-p3 0.98 0.812 0.77);
      --tomato-6: color(display-p3 0.953 0.75 0.698);
      --tomato-7: color(display-p3 0.917 0.673 0.611);
      --tomato-8: color(display-p3 0.875 0.575 0.502);
      --tomato-9: color(display-p3 0.831 0.345 0.231);
      --tomato-10: color(display-p3 0.802 0.313 0.2);
      --tomato-11: color(display-p3 0.755 0.259 0.152);
      --tomato-12: color(display-p3 0.335 0.165 0.132);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --tomato-1: #181111;
  --tomato-2: #1f1513;
  --tomato-3: #391714;
  --tomato-4: #4e1511;
  --tomato-5: #5e1c16;
  --tomato-6: #6e2920;
  --tomato-7: #853a2d;
  --tomato-8: #ac4d39;
  --tomato-9: #e54d2e;
  --tomato-10: #ec6142;
  --tomato-11: #ff977d;
  --tomato-12: #fbd3cb;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --tomato-1: color(display-p3 0.09 0.068 0.067);
      --tomato-2: color(display-p3 0.115 0.084 0.076);
      --tomato-3: color(display-p3 0.205 0.097 0.083);
      --tomato-4: color(display-p3 0.282 0.099 0.077);
      --tomato-5: color(display-p3 0.339 0.129 0.101);
      --tomato-6: color(display-p3 0.398 0.179 0.141);
      --tomato-7: color(display-p3 0.487 0.245 0.194);
      --tomato-8: color(display-p3 0.629 0.322 0.248);
      --tomato-9: color(display-p3 0.831 0.345 0.231);
      --tomato-10: color(display-p3 0.862 0.415 0.298);
      --tomato-11: color(display-p3 1 0.585 0.455);
      --tomato-12: color(display-p3 0.959 0.833 0.802);
    }
  }
}

:root {
  --violet-1: #fdfcfe;
  --violet-2: #faf8ff;
  --violet-3: #f4f0fe;
  --violet-4: #ebe4ff;
  --violet-5: #e1d9ff;
  --violet-6: #d4cafe;
  --violet-7: #c2b5f5;
  --violet-8: #aa99ec;
  --violet-9: #6e56cf;
  --violet-10: #654dc4;
  --violet-11: #6550b9;
  --violet-12: #2f265f;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --violet-1: color(display-p3 0.991 0.988 0.995);
      --violet-2: color(display-p3 0.978 0.974 0.998);
      --violet-3: color(display-p3 0.953 0.943 0.993);
      --violet-4: color(display-p3 0.916 0.897 1);
      --violet-5: color(display-p3 0.876 0.851 1);
      --violet-6: color(display-p3 0.825 0.793 0.981);
      --violet-7: color(display-p3 0.752 0.712 0.943);
      --violet-8: color(display-p3 0.654 0.602 0.902);
      --violet-9: color(display-p3 0.417 0.341 0.784);
      --violet-10: color(display-p3 0.381 0.306 0.741);
      --violet-11: color(display-p3 0.383 0.317 0.702);
      --violet-12: color(display-p3 0.179 0.15 0.359);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --violet-1: #14121f;
  --violet-2: #1b1525;
  --violet-3: #291f43;
  --violet-4: #33255b;
  --violet-5: #3c2e69;
  --violet-6: #473876;
  --violet-7: #56468b;
  --violet-8: #6958ad;
  --violet-9: #6e56cf;
  --violet-10: #7d66d9;
  --violet-11: #baa7ff;
  --violet-12: #e2ddfe;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --violet-1: color(display-p3 0.077 0.071 0.118);
      --violet-2: color(display-p3 0.101 0.084 0.141);
      --violet-3: color(display-p3 0.154 0.123 0.256);
      --violet-4: color(display-p3 0.191 0.148 0.345);
      --violet-5: color(display-p3 0.226 0.182 0.396);
      --violet-6: color(display-p3 0.269 0.223 0.449);
      --violet-7: color(display-p3 0.326 0.277 0.53);
      --violet-8: color(display-p3 0.399 0.346 0.656);
      --violet-9: color(display-p3 0.417 0.341 0.784);
      --violet-10: color(display-p3 0.477 0.402 0.823);
      --violet-11: color(display-p3 0.72 0.65 1);
      --violet-12: color(display-p3 0.883 0.867 0.986);
    }
  }
}

:root {
  --vital-1: #eff3f2;
  --vital-2: #e8efee;
  --vital-3: #d5ebe7;
  --vital-4: #c3e5de;
  --vital-5: #afdbd3;
  --vital-6: #98cec4;
  --vital-7: #7bbdb2;
  --vital-8: #4da89a;
  --vital-9: #2e9e8f;
  --vital-10: #1a9183;
  --vital-11: #007063;
  --vital-12: #163c36;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --vital-1: oklch(96.2% 0.0042 182.1deg);
      --vital-2: oklch(94.6% 0.0082 182.1deg);
      --vital-3: oklch(92.3% 0.0238 182.1deg);
      --vital-4: oklch(89.5% 0.037 182.1deg);
      --vital-5: oklch(85.9% 0.0482 182.1deg);
      --vital-6: oklch(81.2% 0.058 182.1deg);
      --vital-7: oklch(75.2% 0.0701 182.1deg);
      --vital-8: oklch(67.3% 0.0902 182.1deg);
      --vital-9: oklch(63.4% 0.1006 182.1deg);
      --vital-10: oklch(59.3% 0.1006 182.1deg);
      --vital-11: oklch(48.3% 0.1006 182.1deg);
      --vital-12: oklch(32.7% 0.0445 182.1deg);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --vital-1: #070e0c;
  --vital-2: #111b19;
  --vital-3: #112c28;
  --vital-4: #0e3a34;
  --vital-5: #164740;
  --vital-6: #20554e;
  --vital-7: #2a685e;
  --vital-8: #317d72;
  --vital-9: #2e9e8f;
  --vital-10: #1a9183;
  --vital-11: #67cfbf;
  --vital-12: #b0eee3;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --vital-1: oklch(15.4% 0.011 182.1deg);
      --vital-2: oklch(21.1% 0.0149 182.1deg);
      --vital-3: oklch(27.1% 0.0337 182.1deg);
      --vital-4: oklch(31.6% 0.0484 182.1deg);
      --vital-5: oklch(36.2% 0.0534 182.1deg);
      --vital-6: oklch(41.3% 0.058 182.1deg);
      --vital-7: oklch(47.2% 0.0655 182.1deg);
      --vital-8: oklch(53.9% 0.0768 182.1deg);
      --vital-9: oklch(63.4% 0.1006 182.1deg);
      --vital-10: oklch(59.3% 0.1006 182.1deg);
      --vital-11: oklch(78.8% 0.1006 182.1deg);
      --vital-12: oklch(90.5% 0.0645 182.1deg);
    }
  }
}

:root {
  --yellow-1: #fdfdf9;
  --yellow-2: #fefce9;
  --yellow-3: #fffab8;
  --yellow-4: #fff394;
  --yellow-5: #ffe770;
  --yellow-6: #f3d768;
  --yellow-7: #e4c767;
  --yellow-8: #d5ae39;
  --yellow-9: #ffe629;
  --yellow-10: #ffdc00;
  --yellow-11: #9e6c00;
  --yellow-12: #473b1f;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --yellow-1: color(display-p3 0.992 0.992 0.978);
      --yellow-2: color(display-p3 0.995 0.99 0.922);
      --yellow-3: color(display-p3 0.997 0.982 0.749);
      --yellow-4: color(display-p3 0.992 0.953 0.627);
      --yellow-5: color(display-p3 0.984 0.91 0.51);
      --yellow-6: color(display-p3 0.934 0.847 0.474);
      --yellow-7: color(display-p3 0.876 0.785 0.46);
      --yellow-8: color(display-p3 0.811 0.689 0.313);
      --yellow-9: color(display-p3 1 0.92 0.22);
      --yellow-10: color(display-p3 0.977 0.868 0.291);
      --yellow-11: color(display-p3 0.6 0.44 0);
      --yellow-12: color(display-p3 0.271 0.233 0.137);
    }
  }
}

[data-mantine-color-scheme='dark'] {
  --yellow-1: #14120b;
  --yellow-2: #1b180f;
  --yellow-3: #2d2305;
  --yellow-4: #362b00;
  --yellow-5: #433500;
  --yellow-6: #524202;
  --yellow-7: #665417;
  --yellow-8: #836a21;
  --yellow-9: #ffe629;
  --yellow-10: #ffff57;
  --yellow-11: #f5e147;
  --yellow-12: #f6eeb4;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    [data-mantine-color-scheme='dark'] {
      --yellow-1: color(display-p3 0.078 0.069 0.047);
      --yellow-2: color(display-p3 0.103 0.094 0.063);
      --yellow-3: color(display-p3 0.168 0.137 0.039);
      --yellow-4: color(display-p3 0.209 0.169 0);
      --yellow-5: color(display-p3 0.255 0.209 0);
      --yellow-6: color(display-p3 0.31 0.261 0.07);
      --yellow-7: color(display-p3 0.389 0.331 0.135);
      --yellow-8: color(display-p3 0.497 0.42 0.182);
      --yellow-9: color(display-p3 1 0.92 0.22);
      --yellow-10: color(display-p3 1 1 0.456);
      --yellow-11: color(display-p3 0.948 0.885 0.392);
      --yellow-12: color(display-p3 0.959 0.934 0.731);
    }
  }
}

:root {
  --header-height: calc(4rem * var(--mantine-scale));
  --sidebar-width: calc(3.4375rem * var(--mantine-scale));
  --code-font-size: calc(0.8125rem * var(--mantine-scale));
  --border-radius: calc(0.125rem * var(--mantine-scale));
  --opacity: 0.34;
  --max-width: calc(99.8125rem * var(--mantine-scale));
  --hornet-authority: var(--solid-background-authority);
  --hornet-clarity: var(--solid-background-clarity);
  --hornet-balance: var(--solid-background-balance);
  --hornet-foundation: var(--solid-background-foundation);
  --hornet-absolute: var(--solid-background-absolute);
  --page-background: var(--ui-element-background);
  --app-background: var(--primary-1);
  --subtle-background: var(--primary-2);
  --ui-element-background: var(--primary-3);
  --hovered-ui-element-background: var(--primary-4);
  --selected-ui-element-background: var(--primary-5);
  --subtle-border-and-separator: var(--primary-6);
  --ui-element-border-and-focus: var(--primary-7);
  --hovered-ui-element-border: var(--primary-8);
  --solid-background: var(--primary-9);
  --hovered-solid-background: var(--primary-10);
  --low-contrast-text: var(--primary-11);
  --high-contrast-text: var(--primary-12);
  --app-background-authority: var(--authority-1);
  --subtle-background-authority: var(--authority-2);
  --ui-element-background-authority: var(--authority-3);
  --hovered-ui-element-background-authority: var(--authority-4);
  --selected-ui-element-background-authority: var(--authority-5);
  --subtle-border-and-separator-authority: var(--authority-6);
  --ui-element-border-and-focus-authority: var(--authority-7);
  --hovered-ui-element-border-authority: var(--authority-8);
  --solid-background-authority: var(--authority-9);
  --hovered-solid-background-authority: var(--authority-10);
  --low-contrast-text-authority: var(--authority-11);
  --high-contrast-text-authority: var(--authority-12);
  --app-background-clarity: var(--clarity-1);
  --subtle-background-clarity: var(--clarity-2);
  --ui-element-background-clarity: var(--clarity-3);
  --hovered-ui-element-background-clarity: var(--clarity-4);
  --selected-ui-element-background-clarity: var(--clarity-5);
  --subtle-border-and-separator-clarity: var(--clarity-6);
  --ui-element-border-and-focus-clarity: var(--clarity-7);
  --hovered-ui-element-border-clarity: var(--clarity-8);
  --solid-background-clarity: var(--clarity-9);
  --hovered-solid-background-clarity: var(--clarity-10);
  --low-contrast-text-clarity: var(--clarity-11);
  --high-contrast-text-clarity: var(--clarity-12);
  --app-background-foundation: var(--foundation-1);
  --subtle-background-foundation: var(--foundation-2);
  --ui-element-background-foundation: var(--foundation-3);
  --hovered-ui-element-background-foundation: var(--foundation-4);
  --selected-ui-element-background-foundation: var(--foundation-5);
  --subtle-border-and-separator-foundation: var(--foundation-6);
  --ui-element-border-and-focus-foundation: var(--foundation-7);
  --hovered-ui-element-border-foundation: var(--foundation-8);
  --solid-background-foundation: var(--foundation-9);
  --hovered-solid-background-foundation: var(--foundation-10);
  --low-contrast-text-foundation: var(--foundation-11);
  --high-contrast-text-foundation: var(--foundation-12);
  --app-background-balance: var(--balance-1);
  --subtle-background-balance: var(--balance-2);
  --ui-element-background-balance: var(--balance-3);
  --hovered-ui-element-background-balance: var(--balance-4);
  --selected-ui-element-background-balance: var(--balance-5);
  --subtle-border-and-separator-balance: var(--balance-6);
  --ui-element-border-and-focus-balance: var(--balance-7);
  --hovered-ui-element-border-balance: var(--balance-8);
  --solid-background-balance: var(--balance-9);
  --hovered-solid-background-balance: var(--balance-10);
  --low-contrast-text-balance: var(--balance-11);
  --high-contrast-text-balance: var(--balance-12);
  --app-background-absolute: var(--absolute-1);
  --subtle-background-absolute: var(--absolute-2);
  --ui-element-background-absolute: var(--absolute-3);
  --hovered-ui-element-background-absolute: var(--absolute-4);
  --selected-ui-element-background-absolute: var(--absolute-5);
  --subtle-border-and-separator-absolute: var(--absolute-6);
  --ui-element-border-and-focus-absolute: var(--absolute-7);
  --hovered-ui-element-border-absolute: var(--absolute-8);
  --solid-background-absolute: var(--absolute-9);
  --hovered-solid-background-absolute: var(--absolute-10);
  --low-contrast-text-absolute: var(--absolute-11);
  --high-contrast-text-absolute: var(--absolute-12);
  --app-background-insight: var(--insight-1);
  --subtle-background-insight: var(--insight-2);
  --ui-element-background-insight: var(--insight-3);
  --hovered-ui-element-background-insight: var(--insight-4);
  --selected-ui-element-background-insight: var(--insight-5);
  --subtle-border-and-separator-insight: var(--insight-6);
  --ui-element-border-and-focus-insight: var(--insight-7);
  --hovered-ui-element-border-insight: var(--insight-8);
  --solid-background-insight: var(--insight-9);
  --hovered-solid-background-insight: var(--insight-10);
  --low-contrast-text-insight: var(--insight-11);
  --high-contrast-text-insight: var(--insight-12);
  --app-background-vital: var(--vital-1);
  --subtle-background-vital: var(--vital-2);
  --ui-element-background-vital: var(--vital-3);
  --hovered-ui-element-background-vital: var(--vital-4);
  --selected-ui-element-background-vital: var(--vital-5);
  --subtle-border-and-separator-vital: var(--vital-6);
  --ui-element-border-and-focus-vital: var(--vital-7);
  --hovered-ui-element-border-vital: var(--vital-8);
  --solid-background-vital: var(--vital-9);
  --hovered-solid-background-vital: var(--vital-10);
  --low-contrast-text-vital: var(--vital-11);
  --high-contrast-text-vital: var(--vital-12);
  --app-background-temper: var(--temper-1);
  --subtle-background-temper: var(--temper-2);
  --ui-element-background-temper: var(--temper-3);
  --hovered-ui-element-background-temper: var(--temper-4);
  --selected-ui-element-background-temper: var(--temper-5);
  --subtle-border-and-separator-temper: var(--temper-6);
  --ui-element-border-and-focus-temper: var(--temper-7);
  --hovered-ui-element-border-temper: var(--temper-8);
  --solid-background-temper: var(--temper-9);
  --hovered-solid-background-temper: var(--temper-10);
  --low-contrast-text-temper: var(--temper-11);
  --high-contrast-text-temper: var(--temper-12);
  --app-background-candor: var(--candor-1);
  --subtle-background-candor: var(--candor-2);
  --ui-element-background-candor: var(--candor-3);
  --hovered-ui-element-background-candor: var(--candor-4);
  --selected-ui-element-background-candor: var(--candor-5);
  --subtle-border-and-separator-candor: var(--candor-6);
  --ui-element-border-and-focus-candor: var(--candor-7);
  --hovered-ui-element-border-candor: var(--candor-8);
  --solid-background-candor: var(--candor-9);
  --hovered-solid-background-candor: var(--candor-10);
  --low-contrast-text-candor: var(--candor-11);
  --high-contrast-text-candor: var(--candor-12);
  --app-background-slate: var(--slate-1);
  --subtle-background-slate: var(--slate-2);
  --ui-element-background-slate: var(--slate-3);
  --hovered-ui-element-background-slate: var(--slate-4);
  --selected-ui-element-background-slate: var(--slate-5);
  --subtle-border-and-separator-slate: var(--slate-6);
  --ui-element-border-and-focus-slate: var(--slate-7);
  --hovered-ui-element-border-slate: var(--slate-8);
  --solid-background-slate: var(--slate-9);
  --hovered-solid-background-slate: var(--slate-10);
  --low-contrast-text-slate: var(--slate-11);
  --high-contrast-text-slate: var(--slate-12);
  --app-background-gray: var(--gray-1);
  --subtle-background-gray: var(--gray-2);
  --ui-element-background-gray: var(--gray-3);
  --hovered-ui-element-background-gray: var(--gray-4);
  --selected-ui-element-background-gray: var(--gray-5);
  --subtle-border-and-separator-gray: var(--gray-6);
  --ui-element-border-and-focus-gray: var(--gray-7);
  --hovered-ui-element-border-gray: var(--gray-8);
  --solid-background-gray: var(--gray-9);
  --hovered-solid-background-gray: var(--gray-10);
  --low-contrast-text-gray: var(--gray-11);
  --high-contrast-text-gray: var(--gray-12);
  --app-background-tomato: var(--tomato-1);
  --subtle-background-tomato: var(--tomato-2);
  --ui-element-background-tomato: var(--tomato-3);
  --hovered-ui-element-background-tomato: var(--tomato-4);
  --selected-ui-element-background-tomato: var(--tomato-5);
  --subtle-border-and-separator-tomato: var(--tomato-6);
  --ui-element-border-and-focus-tomato: var(--tomato-7);
  --hovered-ui-element-border-tomato: var(--tomato-8);
  --solid-background-tomato: var(--tomato-9);
  --hovered-solid-background-tomato: var(--tomato-10);
  --low-contrast-text-tomato: var(--tomato-11);
  --high-contrast-text-tomato: var(--tomato-12);
  --app-background-red: var(--red-1);
  --subtle-background-red: var(--red-2);
  --ui-element-background-red: var(--red-3);
  --hovered-ui-element-background-red: var(--red-4);
  --selected-ui-element-background-red: var(--red-5);
  --subtle-border-and-separator-red: var(--red-6);
  --ui-element-border-and-focus-red: var(--red-7);
  --hovered-ui-element-border-red: var(--red-8);
  --solid-background-red: var(--red-9);
  --hovered-solid-background-red: var(--red-10);
  --low-contrast-text-red: var(--red-11);
  --high-contrast-text-red: var(--red-12);
  --app-background-ruby: var(--ruby-1);
  --subtle-background-ruby: var(--ruby-2);
  --ui-element-background-ruby: var(--ruby-3);
  --hovered-ui-element-background-ruby: var(--ruby-4);
  --selected-ui-element-background-ruby: var(--ruby-5);
  --subtle-border-and-separator-ruby: var(--ruby-6);
  --ui-element-border-and-focus-ruby: var(--ruby-7);
  --hovered-ui-element-border-ruby: var(--ruby-8);
  --solid-background-ruby: var(--ruby-9);
  --hovered-solid-background-ruby: var(--ruby-10);
  --low-contrast-text-ruby: var(--ruby-11);
  --high-contrast-text-ruby: var(--ruby-12);
  --app-background-crimson: var(--crimson-1);
  --subtle-background-crimson: var(--crimson-2);
  --ui-element-background-crimson: var(--crimson-3);
  --hovered-ui-element-background-crimson: var(--crimson-4);
  --selected-ui-element-background-crimson: var(--crimson-5);
  --subtle-border-and-separator-crimson: var(--crimson-6);
  --ui-element-border-and-focus-crimson: var(--crimson-7);
  --hovered-ui-element-border-crimson: var(--crimson-8);
  --solid-background-crimson: var(--crimson-9);
  --hovered-solid-background-crimson: var(--crimson-10);
  --low-contrast-text-crimson: var(--crimson-11);
  --high-contrast-text-crimson: var(--crimson-12);
  --app-background-pink: var(--pink-1);
  --subtle-background-pink: var(--pink-2);
  --ui-element-background-pink: var(--pink-3);
  --hovered-ui-element-background-pink: var(--pink-4);
  --selected-ui-element-background-pink: var(--pink-5);
  --subtle-border-and-separator-pink: var(--pink-6);
  --ui-element-border-and-focus-pink: var(--pink-7);
  --hovered-ui-element-border-pink: var(--pink-8);
  --solid-background-pink: var(--pink-9);
  --hovered-solid-background-pink: var(--pink-10);
  --low-contrast-text-pink: var(--pink-11);
  --high-contrast-text-pink: var(--pink-12);
  --app-background-plum: var(--plum-1);
  --subtle-background-plum: var(--plum-2);
  --ui-element-background-plum: var(--plum-3);
  --hovered-ui-element-background-plum: var(--plum-4);
  --selected-ui-element-background-plum: var(--plum-5);
  --subtle-border-and-separator-plum: var(--plum-6);
  --ui-element-border-and-focus-plum: var(--plum-7);
  --hovered-ui-element-border-plum: var(--plum-8);
  --solid-background-plum: var(--plum-9);
  --hovered-solid-background-plum: var(--plum-10);
  --low-contrast-text-plum: var(--plum-11);
  --high-contrast-text-plum: var(--plum-12);
  --app-background-purple: var(--purple-1);
  --subtle-background-purple: var(--purple-2);
  --ui-element-background-purple: var(--purple-3);
  --hovered-ui-element-background-purple: var(--purple-4);
  --selected-ui-element-background-purple: var(--purple-5);
  --subtle-border-and-separator-purple: var(--purple-6);
  --ui-element-border-and-focus-purple: var(--purple-7);
  --hovered-ui-element-border-purple: var(--purple-8);
  --solid-background-purple: var(--purple-9);
  --hovered-solid-background-purple: var(--purple-10);
  --low-contrast-text-purple: var(--purple-11);
  --high-contrast-text-purple: var(--purple-12);
  --app-background-violet: var(--violet-1);
  --subtle-background-violet: var(--violet-2);
  --ui-element-background-violet: var(--violet-3);
  --hovered-ui-element-background-violet: var(--violet-4);
  --selected-ui-element-background-violet: var(--violet-5);
  --subtle-border-and-separator-violet: var(--violet-6);
  --ui-element-border-and-focus-violet: var(--violet-7);
  --hovered-ui-element-border-violet: var(--violet-8);
  --solid-background-violet: var(--violet-9);
  --hovered-solid-background-violet: var(--violet-10);
  --low-contrast-text-violet: var(--violet-11);
  --high-contrast-text-violet: var(--violet-12);
  --app-background-iris: var(--iris-1);
  --subtle-background-iris: var(--iris-2);
  --ui-element-background-iris: var(--iris-3);
  --hovered-ui-element-background-iris: var(--iris-4);
  --selected-ui-element-background-iris: var(--iris-5);
  --subtle-border-and-separator-iris: var(--iris-6);
  --ui-element-border-and-focus-iris: var(--iris-7);
  --hovered-ui-element-border-iris: var(--iris-8);
  --solid-background-iris: var(--iris-9);
  --hovered-solid-background-iris: var(--iris-10);
  --low-contrast-text-iris: var(--iris-11);
  --high-contrast-text-iris: var(--iris-12);
  --app-background-indigo: var(--indigo-1);
  --subtle-background-indigo: var(--indigo-2);
  --ui-element-background-indigo: var(--indigo-3);
  --hovered-ui-element-background-indigo: var(--indigo-4);
  --selected-ui-element-background-indigo: var(--indigo-5);
  --subtle-border-and-separator-indigo: var(--indigo-6);
  --ui-element-border-and-focus-indigo: var(--indigo-7);
  --hovered-ui-element-border-indigo: var(--indigo-8);
  --solid-background-indigo: var(--indigo-9);
  --hovered-solid-background-indigo: var(--indigo-10);
  --low-contrast-text-indigo: var(--indigo-11);
  --high-contrast-text-indigo: var(--indigo-12);
  --app-background-blue: var(--blue-1);
  --subtle-background-blue: var(--blue-2);
  --ui-element-background-blue: var(--blue-3);
  --hovered-ui-element-background-blue: var(--blue-4);
  --selected-ui-element-background-blue: var(--blue-5);
  --subtle-border-and-separator-blue: var(--blue-6);
  --ui-element-border-and-focus-blue: var(--blue-7);
  --hovered-ui-element-border-blue: var(--blue-8);
  --solid-background-blue: var(--blue-9);
  --hovered-solid-background-blue: var(--blue-10);
  --low-contrast-text-blue: var(--blue-11);
  --high-contrast-text-blue: var(--blue-12);
  --app-background-cyan: var(--cyan-1);
  --subtle-background-cyan: var(--cyan-2);
  --ui-element-background-cyan: var(--cyan-3);
  --hovered-ui-element-background-cyan: var(--cyan-4);
  --selected-ui-element-background-cyan: var(--cyan-5);
  --subtle-border-and-separator-cyan: var(--cyan-6);
  --ui-element-border-and-focus-cyan: var(--cyan-7);
  --hovered-ui-element-border-cyan: var(--cyan-8);
  --solid-background-cyan: var(--cyan-9);
  --hovered-solid-background-cyan: var(--cyan-10);
  --low-contrast-text-cyan: var(--cyan-11);
  --high-contrast-text-cyan: var(--cyan-12);
  --app-background-teal: var(--teal-1);
  --subtle-background-teal: var(--teal-2);
  --ui-element-background-teal: var(--teal-3);
  --hovered-ui-element-background-teal: var(--teal-4);
  --selected-ui-element-background-teal: var(--teal-5);
  --subtle-border-and-separator-teal: var(--teal-6);
  --ui-element-border-and-focus-teal: var(--teal-7);
  --hovered-ui-element-border-teal: var(--teal-8);
  --solid-background-teal: var(--teal-9);
  --hovered-solid-background-teal: var(--teal-10);
  --low-contrast-text-teal: var(--teal-11);
  --high-contrast-text-teal: var(--teal-12);
  --app-background-jade: var(--jade-1);
  --subtle-background-jade: var(--jade-2);
  --ui-element-background-jade: var(--jade-3);
  --hovered-ui-element-background-jade: var(--jade-4);
  --selected-ui-element-background-jade: var(--jade-5);
  --subtle-border-and-separator-jade: var(--jade-6);
  --ui-element-border-and-focus-jade: var(--jade-7);
  --hovered-ui-element-border-jade: var(--jade-8);
  --solid-background-jade: var(--jade-9);
  --hovered-solid-background-jade: var(--jade-10);
  --low-contrast-text-jade: var(--jade-11);
  --high-contrast-text-jade: var(--jade-12);
  --app-background-green: var(--green-1);
  --subtle-background-green: var(--green-2);
  --ui-element-background-green: var(--green-3);
  --hovered-ui-element-background-green: var(--green-4);
  --selected-ui-element-background-green: var(--green-5);
  --subtle-border-and-separator-green: var(--green-6);
  --ui-element-border-and-focus-green: var(--green-7);
  --hovered-ui-element-border-green: var(--green-8);
  --solid-background-green: var(--green-9);
  --hovered-solid-background-green: var(--green-10);
  --low-contrast-text-green: var(--green-11);
  --high-contrast-text-green: var(--green-12);
  --app-background-grass: var(--grass-1);
  --subtle-background-grass: var(--grass-2);
  --ui-element-background-grass: var(--grass-3);
  --hovered-ui-element-background-grass: var(--grass-4);
  --selected-ui-element-background-grass: var(--grass-5);
  --subtle-border-and-separator-grass: var(--grass-6);
  --ui-element-border-and-focus-grass: var(--grass-7);
  --hovered-ui-element-border-grass: var(--grass-8);
  --solid-background-grass: var(--grass-9);
  --hovered-solid-background-grass: var(--grass-10);
  --low-contrast-text-grass: var(--grass-11);
  --high-contrast-text-grass: var(--grass-12);
  --app-background-brown: var(--brown-1);
  --subtle-background-brown: var(--brown-2);
  --ui-element-background-brown: var(--brown-3);
  --hovered-ui-element-background-brown: var(--brown-4);
  --selected-ui-element-background-brown: var(--brown-5);
  --subtle-border-and-separator-brown: var(--brown-6);
  --ui-element-border-and-focus-brown: var(--brown-7);
  --hovered-ui-element-border-brown: var(--brown-8);
  --solid-background-brown: var(--brown-9);
  --hovered-solid-background-brown: var(--brown-10);
  --low-contrast-text-brown: var(--brown-11);
  --high-contrast-text-brown: var(--brown-12);
  --app-background-bronze: var(--bronze-1);
  --subtle-background-bronze: var(--bronze-2);
  --ui-element-background-bronze: var(--bronze-3);
  --hovered-ui-element-background-bronze: var(--bronze-4);
  --selected-ui-element-background-bronze: var(--bronze-5);
  --subtle-border-and-separator-bronze: var(--bronze-6);
  --ui-element-border-and-focus-bronze: var(--bronze-7);
  --hovered-ui-element-border-bronze: var(--bronze-8);
  --solid-background-bronze: var(--bronze-9);
  --hovered-solid-background-bronze: var(--bronze-10);
  --low-contrast-text-bronze: var(--bronze-11);
  --high-contrast-text-bronze: var(--bronze-12);
  --app-background-gold: var(--gold-1);
  --subtle-background-gold: var(--gold-2);
  --ui-element-background-gold: var(--gold-3);
  --hovered-ui-element-background-gold: var(--gold-4);
  --selected-ui-element-background-gold: var(--gold-5);
  --subtle-border-and-separator-gold: var(--gold-6);
  --ui-element-border-and-focus-gold: var(--gold-7);
  --hovered-ui-element-border-gold: var(--gold-8);
  --solid-background-gold: var(--gold-9);
  --hovered-solid-background-gold: var(--gold-10);
  --low-contrast-text-gold: var(--gold-11);
  --high-contrast-text-gold: var(--gold-12);
  --app-background-sky: var(--sky-1);
  --subtle-background-sky: var(--sky-2);
  --ui-element-background-sky: var(--sky-3);
  --hovered-ui-element-background-sky: var(--sky-4);
  --selected-ui-element-background-sky: var(--sky-5);
  --subtle-border-and-separator-sky: var(--sky-6);
  --ui-element-border-and-focus-sky: var(--sky-7);
  --hovered-ui-element-border-sky: var(--sky-8);
  --solid-background-sky: var(--sky-9);
  --hovered-solid-background-sky: var(--sky-10);
  --low-contrast-text-sky: var(--sky-11);
  --high-contrast-text-sky: var(--sky-12);
  --app-background-mint: var(--mint-1);
  --subtle-background-mint: var(--mint-2);
  --ui-element-background-mint: var(--mint-3);
  --hovered-ui-element-background-mint: var(--mint-4);
  --selected-ui-element-background-mint: var(--mint-5);
  --subtle-border-and-separator-mint: var(--mint-6);
  --ui-element-border-and-focus-mint: var(--mint-7);
  --hovered-ui-element-border-mint: var(--mint-8);
  --solid-background-mint: var(--mint-9);
  --hovered-solid-background-mint: var(--mint-10);
  --low-contrast-text-mint: var(--mint-11);
  --high-contrast-text-mint: var(--mint-12);
  --app-background-lime: var(--lime-1);
  --subtle-background-lime: var(--lime-2);
  --ui-element-background-lime: var(--lime-3);
  --hovered-ui-element-background-lime: var(--lime-4);
  --selected-ui-element-background-lime: var(--lime-5);
  --subtle-border-and-separator-lime: var(--lime-6);
  --ui-element-border-and-focus-lime: var(--lime-7);
  --hovered-ui-element-border-lime: var(--lime-8);
  --solid-background-lime: var(--lime-9);
  --hovered-solid-background-lime: var(--lime-10);
  --low-contrast-text-lime: var(--lime-11);
  --high-contrast-text-lime: var(--lime-12);
  --app-background-yellow: var(--yellow-1);
  --subtle-background-yellow: var(--yellow-2);
  --ui-element-background-yellow: var(--yellow-3);
  --hovered-ui-element-background-yellow: var(--yellow-4);
  --selected-ui-element-background-yellow: var(--yellow-5);
  --subtle-border-and-separator-yellow: var(--yellow-6);
  --ui-element-border-and-focus-yellow: var(--yellow-7);
  --hovered-ui-element-border-yellow: var(--yellow-8);
  --solid-background-yellow: var(--yellow-9);
  --hovered-solid-background-yellow: var(--yellow-10);
  --low-contrast-text-yellow: var(--yellow-11);
  --high-contrast-text-yellow: var(--yellow-12);
  --app-background-amber: var(--amber-1);
  --subtle-background-amber: var(--amber-2);
  --ui-element-background-amber: var(--amber-3);
  --hovered-ui-element-background-amber: var(--amber-4);
  --selected-ui-element-background-amber: var(--amber-5);
  --subtle-border-and-separator-amber: var(--amber-6);
  --ui-element-border-and-focus-amber: var(--amber-7);
  --hovered-ui-element-border-amber: var(--amber-8);
  --solid-background-amber: var(--amber-9);
  --hovered-solid-background-amber: var(--amber-10);
  --low-contrast-text-amber: var(--amber-11);
  --high-contrast-text-amber: var(--amber-12);
  --app-background-orange: var(--orange-1);
  --subtle-background-orange: var(--orange-2);
  --ui-element-background-orange: var(--orange-3);
  --hovered-ui-element-background-orange: var(--orange-4);
  --selected-ui-element-background-orange: var(--orange-5);
  --subtle-border-and-separator-orange: var(--orange-6);
  --ui-element-border-and-focus-orange: var(--orange-7);
  --hovered-ui-element-border-orange: var(--orange-8);
  --solid-background-orange: var(--orange-9);
  --hovered-solid-background-orange: var(--orange-10);
  --low-contrast-text-orange: var(--orange-11);
  --high-contrast-text-orange: var(--orange-12);
  --app-background-grape: var(--plum-1);
  --subtle-background-grape: var(--plum-2);
  --ui-element-background-grape: var(--plum-3);
  --hovered-ui-element-background-grape: var(--plum-4);
  --selected-ui-element-background-grape: var(--plum-5);
  --subtle-border-and-separator-grape: var(--plum-6);
  --ui-element-border-and-focus-grape: var(--plum-7);
  --hovered-ui-element-border-grape: var(--plum-8);
  --solid-background-grape: var(--plum-9);
  --hovered-solid-background-grape: var(--plum-10);
  --low-contrast-text-grape: var(--plum-11);
  --high-contrast-text-grape: var(--plum-12);
  --mantine-color-text: var(--high-contrast-text);
  --mantine-color-body: var(--ui-element-background);
  --mantine-color-error: var(--solid-background-candor);
  --mantine-color-placeholder: var(--solid-background-gray);
  --mantine-color-dimmed: var(--low-contrast-text);
  --mantine-color-default: var(--app-background);
  --mantine-color-default-color: var(--high-contrast-text);
  --mantine-color-default-hover: var(--ui-element-background);
  --mantine-color-default-border: var(--ui-element-border-and-focus);
  --mantine-color-disabled: var(--hovered-ui-element-background);
  --mantine-color-disabled-color: var(--solid-background-gray);
  --mantine-color-disabled-border: var(--ui-element-border-and-focus);
  --mantine-color-primary-filled: var(--solid-background);
  --mantine-color-primary-filled-hover: var(--hovered-solid-background);
  --mantine-color-primary-light: var(--hovered-ui-element-background);
  --mantine-color-primary-light-hover: var(--selected-ui-element-background);
  --mantine-color-primary-light-color: var(--low-contrast-text);
  --mantine-color-primary-outline: var(--solid-background);
  --mantine-color-primary-outline-hover: var(--subtle-background);
  --mantine-color-authority-filled: var(--solid-background-authority);
  --mantine-color-authority-filled-hover: var(--hovered-solid-background-authority);
  --mantine-color-authority-light: var(--hovered-ui-element-background-authority);
  --mantine-color-authority-light-hover: var(--selected-ui-element-background-authority);
  --mantine-color-authority-light-color: var(--low-contrast-text-authority);
  --mantine-color-authority-outline: var(--solid-background-authority);
  --mantine-color-authority-outline-hover: var(--subtle-background-authority);
  --mantine-color-clarity-filled: var(--solid-background-clarity);
  --mantine-color-clarity-filled-hover: var(--hovered-solid-background-clarity);
  --mantine-color-clarity-light: var(--hovered-ui-element-background-clarity);
  --mantine-color-clarity-light-hover: var(--selected-ui-element-background-clarity);
  --mantine-color-clarity-light-color: var(--low-contrast-text-clarity);
  --mantine-color-clarity-outline: var(--solid-background-clarity);
  --mantine-color-clarity-outline-hover: var(--subtle-background-clarity);
  --mantine-color-foundation-filled: var(--solid-background-foundation);
  --mantine-color-foundation-filled-hover: var(--hovered-solid-background-foundation);
  --mantine-color-foundation-light: var(--hovered-ui-element-background-foundation);
  --mantine-color-foundation-light-hover: var(--selected-ui-element-background-foundation);
  --mantine-color-foundation-light-color: var(--low-contrast-text-foundation);
  --mantine-color-foundation-outline: var(--solid-background-foundation);
  --mantine-color-foundation-outline-hover: var(--subtle-background-foundation);
  --mantine-color-balance-filled: var(--solid-background-balance);
  --mantine-color-balance-filled-hover: var(--hovered-solid-background-balance);
  --mantine-color-balance-light: var(--hovered-ui-element-background-balance);
  --mantine-color-balance-light-hover: var(--selected-ui-element-background-balance);
  --mantine-color-balance-light-color: var(--low-contrast-text-balance);
  --mantine-color-balance-outline: var(--solid-background-balance);
  --mantine-color-balance-outline-hover: var(--subtle-background-balance);
  --mantine-color-absolute-filled: var(--solid-background-absolute);
  --mantine-color-absolute-filled-hover: var(--hovered-solid-background-absolute);
  --mantine-color-absolute-light: var(--hovered-ui-element-background-absolute);
  --mantine-color-absolute-light-hover: var(--selected-ui-element-background-absolute);
  --mantine-color-absolute-light-color: var(--low-contrast-text-absolute);
  --mantine-color-absolute-outline: var(--solid-background-absolute);
  --mantine-color-absolute-outline-hover: var(--subtle-background-absolute);
  --mantine-color-insight-filled: var(--solid-background-insight);
  --mantine-color-insight-filled-hover: var(--hovered-solid-background-insight);
  --mantine-color-insight-light: var(--hovered-ui-element-background-insight);
  --mantine-color-insight-light-hover: var(--selected-ui-element-background-insight);
  --mantine-color-insight-light-color: var(--low-contrast-text-insight);
  --mantine-color-insight-outline: var(--solid-background-insight);
  --mantine-color-insight-outline-hover: var(--subtle-background-insight);
  --mantine-color-vital-filled: var(--solid-background-vital);
  --mantine-color-vital-filled-hover: var(--hovered-solid-background-vital);
  --mantine-color-vital-light: var(--hovered-ui-element-background-vital);
  --mantine-color-vital-light-hover: var(--selected-ui-element-background-vital);
  --mantine-color-vital-light-color: var(--low-contrast-text-vital);
  --mantine-color-vital-outline: var(--solid-background-vital);
  --mantine-color-vital-outline-hover: var(--subtle-background-vital);
  --mantine-color-temper-filled: var(--solid-background-temper);
  --mantine-color-temper-filled-hover: var(--hovered-solid-background-temper);
  --mantine-color-temper-light: var(--hovered-ui-element-background-temper);
  --mantine-color-temper-light-hover: var(--selected-ui-element-background-temper);
  --mantine-color-temper-light-color: var(--low-contrast-text-temper);
  --mantine-color-temper-outline: var(--solid-background-temper);
  --mantine-color-temper-outline-hover: var(--subtle-background-temper);
  --mantine-color-candor-filled: var(--solid-background-candor);
  --mantine-color-candor-filled-hover: var(--hovered-solid-background-candor);
  --mantine-color-candor-light: var(--hovered-ui-element-background-candor);
  --mantine-color-candor-light-hover: var(--selected-ui-element-background-candor);
  --mantine-color-candor-light-color: var(--low-contrast-text-candor);
  --mantine-color-candor-outline: var(--solid-background-candor);
  --mantine-color-candor-outline-hover: var(--subtle-background-candor);
  --mantine-color-slate-filled: var(--solid-background-slate);
  --mantine-color-slate-filled-hover: var(--hovered-solid-background-slate);
  --mantine-color-slate-light: var(--hovered-ui-element-background-slate);
  --mantine-color-slate-light-hover: var(--selected-ui-element-background-slate);
  --mantine-color-slate-light-color: var(--low-contrast-text-slate);
  --mantine-color-slate-outline: var(--solid-background-slate);
  --mantine-color-slate-outline-hover: var(--subtle-background-slate);
  --mantine-color-gray-filled: var(--solid-background-gray);
  --mantine-color-gray-filled-hover: var(--hovered-solid-background-gray);
  --mantine-color-gray-light: var(--hovered-ui-element-background-gray);
  --mantine-color-gray-light-hover: var(--selected-ui-element-background-gray);
  --mantine-color-gray-light-color: var(--low-contrast-text-gray);
  --mantine-color-gray-outline: var(--solid-background-gray);
  --mantine-color-gray-outline-hover: var(--subtle-background-gray);
  --mantine-color-tomato-filled: var(--solid-background-tomato);
  --mantine-color-tomato-filled-hover: var(--hovered-solid-background-tomato);
  --mantine-color-tomato-light: var(--hovered-ui-element-background-tomato);
  --mantine-color-tomato-light-hover: var(--selected-ui-element-background-tomato);
  --mantine-color-tomato-light-color: var(--low-contrast-text-tomato);
  --mantine-color-tomato-outline: var(--solid-background-tomato);
  --mantine-color-tomato-outline-hover: var(--subtle-background-tomato);
  --mantine-color-red-filled: var(--solid-background-red);
  --mantine-color-red-filled-hover: var(--hovered-solid-background-red);
  --mantine-color-red-light: var(--hovered-ui-element-background-red);
  --mantine-color-red-light-hover: var(--selected-ui-element-background-red);
  --mantine-color-red-light-color: var(--low-contrast-text-red);
  --mantine-color-red-outline: var(--solid-background-red);
  --mantine-color-red-outline-hover: var(--subtle-background-red);
  --mantine-color-ruby-filled: var(--solid-background-ruby);
  --mantine-color-ruby-filled-hover: var(--hovered-solid-background-ruby);
  --mantine-color-ruby-light: var(--hovered-ui-element-background-ruby);
  --mantine-color-ruby-light-hover: var(--selected-ui-element-background-ruby);
  --mantine-color-ruby-light-color: var(--low-contrast-text-ruby);
  --mantine-color-ruby-outline: var(--solid-background-ruby);
  --mantine-color-ruby-outline-hover: var(--subtle-background-ruby);
  --mantine-color-crimson-filled: var(--solid-background-crimson);
  --mantine-color-crimson-filled-hover: var(--hovered-solid-background-crimson);
  --mantine-color-crimson-light: var(--hovered-ui-element-background-crimson);
  --mantine-color-crimson-light-hover: var(--selected-ui-element-background-crimson);
  --mantine-color-crimson-light-color: var(--low-contrast-text-crimson);
  --mantine-color-crimson-outline: var(--solid-background-crimson);
  --mantine-color-crimson-outline-hover: var(--subtle-background-crimson);
  --mantine-color-pink-filled: var(--solid-background-pink);
  --mantine-color-pink-filled-hover: var(--hovered-solid-background-pink);
  --mantine-color-pink-light: var(--hovered-ui-element-background-pink);
  --mantine-color-pink-light-hover: var(--selected-ui-element-background-pink);
  --mantine-color-pink-light-color: var(--low-contrast-text-pink);
  --mantine-color-pink-outline: var(--solid-background-pink);
  --mantine-color-pink-outline-hover: var(--subtle-background-pink);
  --mantine-color-plum-filled: var(--solid-background-plum);
  --mantine-color-plum-filled-hover: var(--hovered-solid-background-plum);
  --mantine-color-plum-light: var(--hovered-ui-element-background-plum);
  --mantine-color-plum-light-hover: var(--selected-ui-element-background-plum);
  --mantine-color-plum-light-color: var(--low-contrast-text-plum);
  --mantine-color-plum-outline: var(--solid-background-plum);
  --mantine-color-plum-outline-hover: var(--subtle-background-plum);
  --mantine-color-purple-filled: var(--solid-background-purple);
  --mantine-color-purple-filled-hover: var(--hovered-solid-background-purple);
  --mantine-color-purple-light: var(--hovered-ui-element-background-purple);
  --mantine-color-purple-light-hover: var(--selected-ui-element-background-purple);
  --mantine-color-purple-light-color: var(--low-contrast-text-purple);
  --mantine-color-purple-outline: var(--solid-background-purple);
  --mantine-color-purple-outline-hover: var(--subtle-background-purple);
  --mantine-color-violet-filled: var(--solid-background-violet);
  --mantine-color-violet-filled-hover: var(--hovered-solid-background-violet);
  --mantine-color-violet-light: var(--hovered-ui-element-background-violet);
  --mantine-color-violet-light-hover: var(--selected-ui-element-background-violet);
  --mantine-color-violet-light-color: var(--low-contrast-text-violet);
  --mantine-color-violet-outline: var(--solid-background-violet);
  --mantine-color-violet-outline-hover: var(--subtle-background-violet);
  --mantine-color-iris-filled: var(--solid-background-iris);
  --mantine-color-iris-filled-hover: var(--hovered-solid-background-iris);
  --mantine-color-iris-light: var(--hovered-ui-element-background-iris);
  --mantine-color-iris-light-hover: var(--selected-ui-element-background-iris);
  --mantine-color-iris-light-color: var(--low-contrast-text-iris);
  --mantine-color-iris-outline: var(--solid-background-iris);
  --mantine-color-iris-outline-hover: var(--subtle-background-iris);
  --mantine-color-indigo-filled: var(--solid-background-indigo);
  --mantine-color-indigo-filled-hover: var(--hovered-solid-background-indigo);
  --mantine-color-indigo-light: var(--hovered-ui-element-background-indigo);
  --mantine-color-indigo-light-hover: var(--selected-ui-element-background-indigo);
  --mantine-color-indigo-light-color: var(--low-contrast-text-indigo);
  --mantine-color-indigo-outline: var(--solid-background-indigo);
  --mantine-color-indigo-outline-hover: var(--subtle-background-indigo);
  --mantine-color-blue-filled: var(--solid-background-blue);
  --mantine-color-blue-filled-hover: var(--hovered-solid-background-blue);
  --mantine-color-blue-light: var(--hovered-ui-element-background-blue);
  --mantine-color-blue-light-hover: var(--selected-ui-element-background-blue);
  --mantine-color-blue-light-color: var(--low-contrast-text-blue);
  --mantine-color-blue-outline: var(--solid-background-blue);
  --mantine-color-blue-outline-hover: var(--subtle-background-blue);
  --mantine-color-cyan-filled: var(--solid-background-cyan);
  --mantine-color-cyan-filled-hover: var(--hovered-solid-background-cyan);
  --mantine-color-cyan-light: var(--hovered-ui-element-background-cyan);
  --mantine-color-cyan-light-hover: var(--selected-ui-element-background-cyan);
  --mantine-color-cyan-light-color: var(--low-contrast-text-cyan);
  --mantine-color-cyan-outline: var(--solid-background-cyan);
  --mantine-color-cyan-outline-hover: var(--subtle-background-cyan);
  --mantine-color-teal-filled: var(--solid-background-teal);
  --mantine-color-teal-filled-hover: var(--hovered-solid-background-teal);
  --mantine-color-teal-light: var(--hovered-ui-element-background-teal);
  --mantine-color-teal-light-hover: var(--selected-ui-element-background-teal);
  --mantine-color-teal-light-color: var(--low-contrast-text-teal);
  --mantine-color-teal-outline: var(--solid-background-teal);
  --mantine-color-teal-outline-hover: var(--subtle-background-teal);
  --mantine-color-jade-filled: var(--solid-background-jade);
  --mantine-color-jade-filled-hover: var(--hovered-solid-background-jade);
  --mantine-color-jade-light: var(--hovered-ui-element-background-jade);
  --mantine-color-jade-light-hover: var(--selected-ui-element-background-jade);
  --mantine-color-jade-light-color: var(--low-contrast-text-jade);
  --mantine-color-jade-outline: var(--solid-background-jade);
  --mantine-color-jade-outline-hover: var(--subtle-background-jade);
  --mantine-color-green-filled: var(--solid-background-green);
  --mantine-color-green-filled-hover: var(--hovered-solid-background-green);
  --mantine-color-green-light: var(--hovered-ui-element-background-green);
  --mantine-color-green-light-hover: var(--selected-ui-element-background-green);
  --mantine-color-green-light-color: var(--low-contrast-text-green);
  --mantine-color-green-outline: var(--solid-background-green);
  --mantine-color-green-outline-hover: var(--subtle-background-green);
  --mantine-color-grass-filled: var(--solid-background-grass);
  --mantine-color-grass-filled-hover: var(--hovered-solid-background-grass);
  --mantine-color-grass-light: var(--hovered-ui-element-background-grass);
  --mantine-color-grass-light-hover: var(--selected-ui-element-background-grass);
  --mantine-color-grass-light-color: var(--low-contrast-text-grass);
  --mantine-color-grass-outline: var(--solid-background-grass);
  --mantine-color-grass-outline-hover: var(--subtle-background-grass);
  --mantine-color-brown-filled: var(--solid-background-brown);
  --mantine-color-brown-filled-hover: var(--hovered-solid-background-brown);
  --mantine-color-brown-light: var(--hovered-ui-element-background-brown);
  --mantine-color-brown-light-hover: var(--selected-ui-element-background-brown);
  --mantine-color-brown-light-color: var(--low-contrast-text-brown);
  --mantine-color-brown-outline: var(--solid-background-brown);
  --mantine-color-brown-outline-hover: var(--subtle-background-brown);
  --mantine-color-bronze-filled: var(--solid-background-bronze);
  --mantine-color-bronze-filled-hover: var(--hovered-solid-background-bronze);
  --mantine-color-bronze-light: var(--hovered-ui-element-background-bronze);
  --mantine-color-bronze-light-hover: var(--selected-ui-element-background-bronze);
  --mantine-color-bronze-light-color: var(--low-contrast-text-bronze);
  --mantine-color-bronze-outline: var(--solid-background-bronze);
  --mantine-color-bronze-outline-hover: var(--subtle-background-bronze);
  --mantine-color-gold-filled: var(--solid-background-gold);
  --mantine-color-gold-filled-hover: var(--hovered-solid-background-gold);
  --mantine-color-gold-light: var(--hovered-ui-element-background-gold);
  --mantine-color-gold-light-hover: var(--selected-ui-element-background-gold);
  --mantine-color-gold-light-color: var(--low-contrast-text-gold);
  --mantine-color-gold-outline: var(--solid-background-gold);
  --mantine-color-gold-outline-hover: var(--subtle-background-gold);
  --mantine-color-sky-filled: var(--solid-background-sky);
  --mantine-color-sky-filled-hover: var(--hovered-solid-background-sky);
  --mantine-color-sky-light: var(--hovered-ui-element-background-sky);
  --mantine-color-sky-light-hover: var(--selected-ui-element-background-sky);
  --mantine-color-sky-light-color: var(--low-contrast-text-sky);
  --mantine-color-sky-outline: var(--solid-background-sky);
  --mantine-color-sky-outline-hover: var(--subtle-background-sky);
  --mantine-color-mint-filled: var(--solid-background-mint);
  --mantine-color-mint-filled-hover: var(--hovered-solid-background-mint);
  --mantine-color-mint-light: var(--hovered-ui-element-background-mint);
  --mantine-color-mint-light-hover: var(--selected-ui-element-background-mint);
  --mantine-color-mint-light-color: var(--low-contrast-text-mint);
  --mantine-color-mint-outline: var(--solid-background-mint);
  --mantine-color-mint-outline-hover: var(--subtle-background-mint);
  --mantine-color-lime-filled: var(--solid-background-lime);
  --mantine-color-lime-filled-hover: var(--hovered-solid-background-lime);
  --mantine-color-lime-light: var(--hovered-ui-element-background-lime);
  --mantine-color-lime-light-hover: var(--selected-ui-element-background-lime);
  --mantine-color-lime-light-color: var(--low-contrast-text-lime);
  --mantine-color-lime-outline: var(--solid-background-lime);
  --mantine-color-lime-outline-hover: var(--subtle-background-lime);
  --mantine-color-yellow-filled: var(--solid-background-yellow);
  --mantine-color-yellow-filled-hover: var(--hovered-solid-background-yellow);
  --mantine-color-yellow-light: var(--hovered-ui-element-background-yellow);
  --mantine-color-yellow-light-hover: var(--selected-ui-element-background-yellow);
  --mantine-color-yellow-light-color: var(--low-contrast-text-yellow);
  --mantine-color-yellow-outline: var(--solid-background-yellow);
  --mantine-color-yellow-outline-hover: var(--subtle-background-yellow);
  --mantine-color-amber-filled: var(--solid-background-amber);
  --mantine-color-amber-filled-hover: var(--hovered-solid-background-amber);
  --mantine-color-amber-light: var(--hovered-ui-element-background-amber);
  --mantine-color-amber-light-hover: var(--selected-ui-element-background-amber);
  --mantine-color-amber-light-color: var(--low-contrast-text-amber);
  --mantine-color-amber-outline: var(--solid-background-amber);
  --mantine-color-amber-outline-hover: var(--subtle-background-amber);
  --mantine-color-orange-filled: var(--solid-background-orange);
  --mantine-color-orange-filled-hover: var(--hovered-solid-background-orange);
  --mantine-color-orange-light: var(--hovered-ui-element-background-orange);
  --mantine-color-orange-light-hover: var(--selected-ui-element-background-orange);
  --mantine-color-orange-light-color: var(--low-contrast-text-orange);
  --mantine-color-orange-outline: var(--solid-background-orange);
  --mantine-color-orange-outline-hover: var(--subtle-background-orange);
  --mantine-color-grape-filled: var(--solid-background-grape);
  --mantine-color-grape-filled-hover: var(--hovered-solid-background-grape);
  --mantine-color-grape-light: var(--hovered-ui-element-background-grape);
  --mantine-color-grape-light-hover: var(--selected-ui-element-background-grape);
  --mantine-color-grape-light-color: var(--low-contrast-text-grape);
  --mantine-color-grape-outline: var(--solid-background-grape);
  --mantine-color-grape-outline-hover: var(--subtle-background-grape);
}