:root, .light, .light-theme {
  --amber-100: #fefdfb;
  --amber-200: #fef9f0;
  --amber-250: #fef4e4;
  --amber-300: #feefd8;
  --amber-400: #fbe3bf;
  --amber-500: #f7d9a9;
  --amber-600: #f1d1a0;
  --amber-700: #dfbf8f;
  --amber-800: #cda971;
  --amber-900: #cf910a;
  --amber-1000: #bf8607;
  --amber-1100: #805700;
  --amber-1200: #3e2903;

  --amber-a100: #bf800004;
  --amber-a200: #ee99000f;
  --amber-a250: #f697001b;
  --amber-a300: #f8960027;
  --amber-a400: #ef8f0040;
  --amber-a500: #e78e0056;
  --amber-a600: #d984005f;
  --amber-a700: #b66d0070;
  --amber-a800: #a565008e;
  --amber-a900: #cd8d00f5;
  --amber-a1000: #bd8300f8;
  --amber-a1100: #805700ff;
  --amber-a1200: #3c2600fc;

  --amber-contrast: #3e2903;
  --amber-surface: #fef8eccc;
  --amber-indicator: #cf910a;
  --amber-track: #cf910a;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --amber-100: oklch(99.4% 0.0028 77.8);
      --amber-200: oklch(98.4% 0.013 77.8);
      --amber-250: oklch(97.1% 0.0237 77.8);
      --amber-300: oklch(95.8% 0.0343 77.8);
      --amber-400: oklch(92.6% 0.054 77.8);
      --amber-500: oklch(89.9% 0.0706 77.8);
      --amber-600: oklch(87.6% 0.0731 77.8);
      --amber-700: oklch(82.1% 0.0729 77.8);
      --amber-800: oklch(75.4% 0.0844 77.8);
      --amber-900: oklch(70% 0.1442 77.8);
      --amber-1000: oklch(66% 0.136 77.8);
      --amber-1100: oklch(48.9% 0.1022 77.8);
      --amber-1200: oklch(29.9% 0.0595 77.8);

      --amber-a100: color(display-p3 0.749 0.502 0 / 0.016);
      --amber-a200: color(display-p3 0.9294 0.5725 0 / 0.055);
      --amber-a250: color(display-p3 0.9216 0.5608 0 / 0.098);
      --amber-a300: color(display-p3 0.9176 0.5569 0 / 0.141);
      --amber-a400: color(display-p3 0.8667 0.549 0 / 0.235);
      --amber-a500: color(display-p3 0.851 0.5373 0 / 0.314);
      --amber-a600: color(display-p3 0.7882 0.4941 0 / 0.349);
      --amber-a700: color(display-p3 0.651 0.4039 0 / 0.416);
      --amber-a800: color(display-p3 0.5804 0.3647 0 / 0.525);
      --amber-a900: color(display-p3 0.7176 0.4745 0 / 0.796);
      --amber-a1000: color(display-p3 0.6549 0.4275 0 / 0.816);
      --amber-a1100: color(display-p3 0.4196 0.2745 0 / 0.898);
      --amber-a1200: color(display-p3 0.1961 0.1255 0 / 0.957);

      --amber-contrast: #3e2903;
      --amber-surface: color(display-p3 0.9961 0.9725 0.9255 / 0.8);
      --amber-indicator: oklch(70% 0.1442 77.8);
      --amber-track: oklch(70% 0.1442 77.8);
    }
  }
}

.dark, .dark-theme {
  --amber-100: #13110d;
  --amber-200: #1b1814;
  --amber-250: #211d17;
  --amber-300: #27221a;
  --amber-400: #322a1d;
  --amber-500: #3d3222;
  --amber-600: #4b3e2a;
  --amber-700: #5e4e35;
  --amber-800: #796342;
  --amber-900: #cf910a;
  --amber-1000: #bf8607;
  --amber-1100: #e3b670;
  --amber-1200: #f8e1be;

  --amber-a100: #bb110003;
  --amber-a200: #f9b3570b;
  --amber-a250: #f4bb6612;
  --amber-a300: #fbc67118;
  --amber-a400: #fbc26624;
  --amber-a500: #fbc06b30;
  --amber-a600: #fcc7763f;
  --amber-a700: #fecc8053;
  --amber-a800: #fecc8170;
  --amber-a900: #feb108cc;
  --amber-a1000: #feb103bb;
  --amber-a1100: #ffcc7de1;
  --amber-a1200: #ffe7c3f8;

  --amber-contrast: #3e2903;
  --amber-surface: #251f1780;
  --amber-indicator: #cf910a;
  --amber-track: #cf910a;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --amber-100: oklch(17.9% 0.0086 77.8);
      --amber-200: oklch(21.1% 0.009 77.8);
      --amber-250: oklch(23.3% 0.0127 77.8);
      --amber-300: oklch(25.5% 0.0163 77.8);
      --amber-400: oklch(29% 0.0251 77.8);
      --amber-500: oklch(32.4% 0.0308 77.8);
      --amber-600: oklch(37.2% 0.0365 77.8);
      --amber-700: oklch(43.3% 0.0437 77.8);
      --amber-800: oklch(51.3% 0.0555 77.8);
      --amber-900: oklch(70% 0.1442 77.8);
      --amber-1000: oklch(66% 0.136 77.8);
      --amber-1100: oklch(80.2% 0.1023 77.8);
      --amber-1200: oklch(92% 0.0524 77.8);

      --amber-a100: color(display-p3 0.7333 0.0667 0 / 0.012);
      --amber-a200: color(display-p3 0.9647 0.7686 0.3686 / 0.039);
      --amber-a250: color(display-p3 0.949 0.7725 0.4784 / 0.067);
      --amber-a300: color(display-p3 0.9804 0.8039 0.502 / 0.09);
      --amber-a400: color(display-p3 0.9804 0.7804 0.4667 / 0.137);
      --amber-a500: color(display-p3 1 0.8235 0.4902 / 0.176);
      --amber-a600: color(display-p3 1 0.8157 0.5333 / 0.235);
      --amber-a700: color(display-p3 0.9922 0.8314 0.549 / 0.318);
      --amber-a800: color(display-p3 0.9922 0.8353 0.5569 / 0.424);
      --amber-a900: color(display-p3 1 0.7412 0.2471 / 0.761);
      --amber-a1000: color(display-p3 1 0.7333 0.2353 / 0.698);
      --amber-a1100: color(display-p3 0.9961 0.8314 0.549 / 0.855);
      --amber-a1200: color(display-p3 0.9961 0.9216 0.7922 / 0.957);

      --amber-contrast: #3e2903;
      --amber-surface: color(display-p3 0.1451 0.1216 0.0902 / 0.5);
      --amber-indicator: oklch(70% 0.1442 77.8);
      --amber-track: oklch(70% 0.1442 77.8);
    }
  }
}