body {
  --color-heilighartlier-white: #ffffff;
  --color-heilighartlier-shallow: #f6feff;
  --color-heilighartlier-0: #e3faff;
  --color-heilighartlier-5: #caf6ff;
  --color-heilighartlier-10: #b2f3ff;
  --color-heilighartlier-15: #98efff;
  --color-heilighartlier-20: #84e9fb;
  --color-heilighartlier-25: #74e2f5;
  --color-heilighartlier-30: #60daf0;
  --color-heilighartlier-35: #50d2e8;
  --color-heilighartlier-40: #41cae0;
  --color-heilighartlier-45: #30c1d8;
  --color-heilighartlier-50: #26b8ce;
  --color-heilighartlier-55: #04adc3;
  --color-heilighartlier-60: #00a0b4;
  --color-heilighartlier-65: #0094a7;
  --color-heilighartlier-70: #008799;
  --color-heilighartlier-75: #007f90;
  --color-heilighartlier-80: #007484;
  --color-heilighartlier-85: #005d69;
  --color-heilighartlier-90: #004f5a;
  --color-heilighartlier-95: #003f48;
  --color-heilighartlier-100: #002b31;
  --color-heilighartlier-deep: #00080b;
  --color-heilighartlier-black: #000000;

  --ring: var(--color-heilighartlier-60);
  --primary-background: var(--color-heilighartlier-55);
  --primary-background-accent: var(--color-heilighartlier-60);
  --primary-foreground: var(--color-heilighartlier-white);
  --primary-foreground-accent: var(--color-heilighartlier-white);
  --primary-soft-background: var(--color-heilighartlier-30);
  --primary-soft-background-accent: var(--color-heilighartlier-35);
  --primary-soft-foreground: var(--color-heilighartlier-95);
  --primary-soft-foreground-accent: var(--color-heilighartlier-100);
  --primary-shim-background: var(--color-heilighartlier-0);
  --primary-shim-background-accent: var(--color-heilighartlier-5);
  --primary-border: var(--color-heilighartlier-70);
  --primary-border-accent: var(--color-heilighartlier-80);
  --primary-ring: var(--color-heilighartlier-55);
  --primary-standalone: var(--color-heilighartlier-80);
  --primary-standalone-accent: var(--color-heilighartlier-90);
  --primary-standalone-emphasis: var(--color-heilighartlier-100);
}