.dark, .dark-theme {
  --orange-1: #160f0d;
  --orange-2: #1f1510;
  --orange-3: #351c10;
  --orange-4: #4b1c03;
  --orange-5: #592508;
  --orange-6: #693318;
  --orange-7: #804326;
  --orange-8: #a55630;
  --orange-9: #f76b15;
  --orange-10: #e95f00;
  --orange-11: #ff9c69;
  --orange-12: #ffdcca;

  --orange-a1: #e6000006;
  --orange-a2: #ff55000f;
  --orange-a3: #fd590b27;
  --orange-a4: #fc3e003f;
  --orange-a5: #fd53004e;
  --orange-a6: #fd6c245f;
  --orange-a7: #ff7d3e77;
  --orange-a8: #ff80439f;
  --orange-a9: #fe6d15f7;
  --orange-a10: #fe6600e8;
  --orange-a11: #ff9c69;
  --orange-a12: #ffdcca;

  --orange-contrast: #fff;
  --orange-surface: #2d191080;
  --orange-indicator: #f76b15;
  --orange-track: #f76b15;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --orange-1: oklch(17.8% 0.0119 45.02);
      --orange-2: oklch(20.7% 0.0192 45.02);
      --orange-3: oklch(25.7% 0.0452 45.02);
      --orange-4: oklch(29.3% 0.0796 45.02);
      --orange-5: oklch(33.4% 0.0867 45.02);
      --orange-6: oklch(38.6% 0.0868 45.02);
      --orange-7: oklch(45.3% 0.0946 45.02);
      --orange-8: oklch(54% 0.1161 45.02);
      --orange-9: oklch(69.1% 0.1909 45.02);
      --orange-10: oklch(65.3% 0.1909 45.02);
      --orange-11: oklch(79.9% 0.163 45.02);
      --orange-12: oklch(92.5% 0.0524 45.02);

      --orange-a1: color(display-p3 0.9922 0 0 / 0.017);
      --orange-a2: color(display-p3 0.9922 0.3765 0.0706 / 0.051);
      --orange-a3: color(display-p3 1 0.4078 0.098 / 0.139);
      --orange-a4: color(display-p3 1 0.3176 0 / 0.219);
      --orange-a5: color(display-p3 1 0.3922 0.0549 / 0.278);
      --orange-a6: color(display-p3 1 0.4941 0.2196 / 0.341);
      --orange-a7: color(display-p3 1 0.5451 0.3098 / 0.433);
      --orange-a8: color(display-p3 1 0.5608 0.3333 / 0.58);
      --orange-a9: color(display-p3 1 0.4941 0.2157 / 0.895);
      --orange-a10: color(display-p3 1 0.4706 0.1765 / 0.841);
      --orange-a11: color(display-p3 1 0.6667 0.4706 / 0.942);
      --orange-a12: color(display-p3 1 0.8902 0.8196 / 0.975);

      --orange-contrast: #fff;
      --orange-surface: color(display-p3 0.1647 0.0941 0.0627 / 0.5);
      --orange-indicator: oklch(69.1% 0.1909 45.02);
      --orange-track: oklch(69.1% 0.1909 45.02);
    }
  }
}