* {
  --color-light-color-4-lightness: 0.749;
  --color-light-color-4-chroma: 0.263;
  --color-light-color-4-hue: 79;
  --color-light-color-4: oklch(var(--color-light-color-4-lightness) var(--color-light-color-4-chroma) var(--color-light-color-4-hue));
  --color-light-color-5-lightness: 0.202;
  --color-light-color-5-chroma: 0.003;
  --color-light-color-5-hue: 326;
  --color-light-color-5: oklch(var(--color-light-color-5-lightness) var(--color-light-color-5-chroma) var(--color-light-color-5-hue));
  --color-light-color-6-lightness: 0.612;
  --color-light-color-6-chroma: 0.021;
  --color-light-color-6-hue: 263;
  --color-light-color-6: oklch(var(--color-light-color-6-lightness) var(--color-light-color-6-chroma) var(--color-light-color-6-hue));
  --color-light-color-7-lightness: 0.61;
  --color-light-color-7-chroma: 0.209;
  --color-light-color-7-hue: 34;
  --color-light-color-7: oklch(var(--color-light-color-7-lightness) var(--color-light-color-7-chroma) var(--color-light-color-7-hue));
  --color-light-color-8-lightness: 0.222;
  --color-light-color-8-chroma: 0;
  --color-light-color-8-hue: 1;
  --color-light-color-8: oklch(var(--color-light-color-8-lightness) var(--color-light-color-8-chroma) var(--color-light-color-8-hue));
  --color-light-color-9-lightness: 0.824;
  --color-light-color-9-chroma: 0.17;
  --color-light-color-9-hue: 79;
  --color-light-color-9: oklch(var(--color-light-color-9-lightness) var(--color-light-color-9-chroma) var(--color-light-color-9-hue));
  --color-light-color-10-lightness: 0.628;
  --color-light-color-10-chroma: 0.258;
  --color-light-color-10-hue: 29;
  --color-light-color-10: oklch(var(--color-light-color-10-lightness) var(--color-light-color-10-chroma) var(--color-light-color-10-hue));
  --color-light-color-11-lightness: 0.226;
  --color-light-color-11-chroma: 0.102;
  --color-light-color-11-hue: 281;
  --color-light-color-11: oklch(var(--color-light-color-11-lightness) var(--color-light-color-11-chroma) var(--color-light-color-11-hue));
  --color-dark-color-4-lightness: 0.824;
  --color-dark-color-4-chroma: 0.17;
  --color-dark-color-4-hue: 79;
  --color-dark-color-4: oklch(var(--color-dark-color-4-lightness) var(--color-dark-color-4-chroma) var(--color-dark-color-4-hue));
  --color-dark-color-5-lightness: 0.202;
  --color-dark-color-5-chroma: 0.003;
  --color-dark-color-5-hue: 326;
  --color-dark-color-5: oklch(var(--color-dark-color-5-lightness) var(--color-dark-color-5-chroma) var(--color-dark-color-5-hue));
  --color-dark-color-6-lightness: 0.612;
  --color-dark-color-6-chroma: 0.021;
  --color-dark-color-6-hue: 263;
  --color-dark-color-6: oklch(var(--color-dark-color-6-lightness) var(--color-dark-color-6-chroma) var(--color-dark-color-6-hue));
  --color-dark-color-7-lightness: 0.61;
  --color-dark-color-7-chroma: 0.209;
  --color-dark-color-7-hue: 34;
  --color-dark-color-7: oklch(var(--color-dark-color-7-lightness) var(--color-dark-color-7-chroma) var(--color-dark-color-7-hue));
  --color-dark-color-8-lightness: 0.97;
  --color-dark-color-8-chroma: 0;
  --color-dark-color-8-hue: 1;
  --color-dark-color-8: oklch(var(--color-dark-color-8-lightness) var(--color-dark-color-8-chroma) var(--color-dark-color-8-hue));
  --color-dark-color-9-lightness: 0.824;
  --color-dark-color-9-chroma: 0.17;
  --color-dark-color-9-hue: 79;
  --color-dark-color-9: oklch(var(--color-dark-color-9-lightness) var(--color-dark-color-9-chroma) var(--color-dark-color-9-hue));
  --color-dark-color-10-lightness: 0.628;
  --color-dark-color-10-chroma: 0.258;
  --color-dark-color-10-hue: 29;
  --color-dark-color-10: oklch(var(--color-dark-color-10-lightness) var(--color-dark-color-10-chroma) var(--color-dark-color-10-hue));
  --color-dark-color-11-lightness: 0.9;
  --color-dark-color-11-chroma: 0.05;
  --color-dark-color-11-hue: 281;
  --color-dark-color-11: oklch(var(--color-dark-color-11-lightness) var(--color-dark-color-11-chroma) var(--color-dark-color-11-hue));
  --color-light-neutral-1: oklch(0.01 0.01 79);
  --color-light-neutral-2: oklch(0.2 0.01 79);
  --color-light-neutral-3: oklch(0.3 0.01 79);
  --color-light-neutral-4: oklch(0.4 0.01 79);
  --color-light-neutral-5: oklch(0.5 0.01 79);
  --color-light-neutral-6: oklch(0.6 0.01 79);
  --color-light-neutral-7: oklch(0.7 0.01 79);
  --color-light-neutral-8: oklch(0.85 0.01 79);
  --color-light-neutral-9: oklch(0.95 0.01 79);
  --color-light-neutral-10: oklch(0.99 0.01 79);
  --color-dark-neutral-1: oklch(0.99 0.01 79);
  --color-dark-neutral-2: oklch(0.95 0.01 79);
  --color-dark-neutral-3: oklch(0.85 0.01 79);
  --color-dark-neutral-4: oklch(0.7 0.01 79);
  --color-dark-neutral-5: oklch(0.6 0.01 79);
  --color-dark-neutral-6: oklch(0.5 0.01 79);
  --color-dark-neutral-7: oklch(0.4 0.01 79);
  --color-dark-neutral-8: oklch(0.3 0.01 79);
  --color-dark-neutral-9: oklch(0.2 0.01 79);
  --color-dark-neutral-10: oklch(0.01 0.01 79);
  --shadow-color-light: oklch(0.07 0.1 79);
  --shadow-color-dark: oklch(0.3 0.03 79)
}

:root {
  color-scheme: light;
  --color-color-4: var(--color-light-color-4);
  --color-color-5: var(--color-light-color-5);
  --color-color-6: var(--color-light-color-6);
  --color-color-7: var(--color-light-color-7);
  --color-color-8: var(--color-light-color-8);
  --color-color-9: var(--color-light-color-9);
  --color-color-10: var(--color-light-color-10);
  --color-color-11: var(--color-light-color-11);
  --color-neutral-1: var(--color-light-neutral-1);
  --color-neutral-2: var(--color-light-neutral-2);
  --color-neutral-3: var(--color-light-neutral-3);
  --color-neutral-4: var(--color-light-neutral-4);
  --color-neutral-5: var(--color-light-neutral-5);
  --color-neutral-6: var(--color-light-neutral-6);
  --color-neutral-7: var(--color-light-neutral-7);
  --color-neutral-8: var(--color-light-neutral-8);
  --color-neutral-9: var(--color-light-neutral-9);
  --color-neutral-10: var(--color-light-neutral-10);
  --shadow-color: var(--shadow-color-light);
  --contrast-color: black;
  --contrast-color-mix-percent: 10%
}

@media(prefers-color-scheme:dark) {
  :root {
    color-scheme: dark;
    --color-color-4: var(--color-dark-color-4);
    --color-color-5: var(--color-dark-color-5);
    --color-color-6: var(--color-dark-color-6);
    --color-color-7: var(--color-dark-color-7);
    --color-color-8: var(--color-dark-color-8);
    --color-color-9: var(--color-dark-color-9);
    --color-color-10: var(--color-dark-color-10);
    --color-color-11: var(--color-dark-color-11);
    --color-neutral-1: var(--color-dark-neutral-1);
    --color-neutral-2: var(--color-dark-neutral-2);
    --color-neutral-3: var(--color-dark-neutral-3);
    --color-neutral-4: var(--color-dark-neutral-4);
    --color-neutral-5: var(--color-dark-neutral-5);
    --color-neutral-6: var(--color-dark-neutral-6);
    --color-neutral-7: var(--color-dark-neutral-7);
    --color-neutral-8: var(--color-dark-neutral-8);
    --color-neutral-9: var(--color-dark-neutral-9);
    --color-neutral-10: var(--color-dark-neutral-10);
    --shadow-color: var(--shadow-color-dark);
    --contrast-color: white;
    --contrast-color-mix-percent: 5%
  }
}

.light,
[color-scheme=light] {
  color-scheme: light;
  --color-color-4: var(--color-light-color-4);
  --color-color-5: var(--color-light-color-5);
  --color-color-6: var(--color-light-color-6);
  --color-color-7: var(--color-light-color-7);
  --color-color-8: var(--color-light-color-8);
  --color-color-9: var(--color-light-color-9);
  --color-color-10: var(--color-light-color-10);
  --color-color-11: var(--color-light-color-11);
  --color-neutral-1: var(--color-light-neutral-1);
  --color-neutral-2: var(--color-light-neutral-2);
  --color-neutral-3: var(--color-light-neutral-3);
  --color-neutral-4: var(--color-light-neutral-4);
  --color-neutral-5: var(--color-light-neutral-5);
  --color-neutral-6: var(--color-light-neutral-6);
  --color-neutral-7: var(--color-light-neutral-7);
  --color-neutral-8: var(--color-light-neutral-8);
  --color-neutral-9: var(--color-light-neutral-9);
  --color-neutral-10: var(--color-light-neutral-10);
  --shadow-color: var(--shadow-color-light);
  --contrast-color: black;
  --contrast-color-mix-percent: 10%
}

.dark,
[color-scheme=dark] {
  color-scheme: dark;
  --color-color-4: var(--color-dark-color-4);
  --color-color-5: var(--color-dark-color-5);
  --color-color-6: var(--color-dark-color-6);
  --color-color-7: var(--color-dark-color-7);
  --color-color-8: var(--color-dark-color-8);
  --color-color-9: var(--color-dark-color-9);
  --color-color-10: var(--color-dark-color-10);
  --color-color-11: var(--color-dark-color-11);
  --color-neutral-1: var(--color-dark-neutral-1);
  --color-neutral-2: var(--color-dark-neutral-2);
  --color-neutral-3: var(--color-dark-neutral-3);
  --color-neutral-4: var(--color-dark-neutral-4);
  --color-neutral-5: var(--color-dark-neutral-5);
  --color-neutral-6: var(--color-dark-neutral-6);
  --color-neutral-7: var(--color-dark-neutral-7);
  --color-neutral-8: var(--color-dark-neutral-8);
  --color-neutral-9: var(--color-dark-neutral-9);
  --color-neutral-10: var(--color-dark-neutral-10);
  --shadow-color: var(--shadow-color-dark);
  --contrast-color: white;
  --contrast-color-mix-percent: 5%
}