* {
  
  --color-light-color-1-lightness: 65%;
  --color-light-color-1-chroma: 0.25261605;
  --color-light-color-1-hue: 54;
  --color-light-color-1-alpha: 1;
  --color-light-color-1: oklch(var(--color-light-color-1-lightness) var(--color-light-color-1-chroma) var(--color-light-color-1-hue) /var(--color-light-color-1-alpha));
  --color-light-color-2-lightness: 65%;
  --color-light-color-2-chroma: 0.16;
  --color-light-color-2-hue: 146;
  --color-light-color-2-alpha: 1;
  --color-light-color-2: oklch(var(--color-light-color-2-lightness) var(--color-light-color-2-chroma) var(--color-light-color-2-hue) /var(--color-light-color-2-alpha));
  --color-light-color-3-lightness: 55%;
  --color-light-color-3-chroma: 0.20209284;
  --color-light-color-3-hue: 348;
  --color-light-color-3-alpha: 1;
  --color-light-color-3: oklch(var(--color-light-color-3-lightness) var(--color-light-color-3-chroma) var(--color-light-color-3-hue) /var(--color-light-color-3-alpha));
  --color-light-color-4-lightness: 45%;
  --color-light-color-4-chroma: 0.25261605;
  --color-light-color-4-hue: 54;
  --color-light-color-4-alpha: 1;
  --color-light-color-4: oklch(var(--color-light-color-4-lightness) var(--color-light-color-4-chroma) var(--color-light-color-4-hue) /var(--color-light-color-4-alpha));
  --color-light-color-5-lightness: 40%;
  --color-light-color-5-chroma: 0.22735444;
  --color-light-color-5-hue: 181;
  --color-light-color-5-alpha: 1;
  --color-light-color-5: oklch(var(--color-light-color-5-lightness) var(--color-light-color-5-chroma) var(--color-light-color-5-hue) /var(--color-light-color-5-alpha));
  --color-light-color-6-lightness: 35%;
  --color-light-color-6-chroma: 0.20209284;
  --color-light-color-6-hue: 348;
  --color-light-color-6-alpha: 1;
  --color-light-color-6: oklch(var(--color-light-color-6-lightness) var(--color-light-color-6-chroma) var(--color-light-color-6-hue) /var(--color-light-color-6-alpha));
  --color-light-color-7-lightness: 55%;
  --color-light-color-7-chroma: 0.3;
  --color-light-color-7-hue: 10;
  --color-light-color-7-alpha: 1;
  --color-light-color-7: oklch(var(--color-light-color-7-lightness) var(--color-light-color-7-chroma) var(--color-light-color-7-hue) /var(--color-light-color-7-alpha));
  --color-light-color-8-lightness: 60%;
  --color-light-color-8-chroma: 0.25;
  --color-light-color-8-hue: 54;
  --color-light-color-8-alpha: 1;
  --color-light-color-8: oklch(var(--color-light-color-8-lightness) var(--color-light-color-8-chroma) var(--color-light-color-8-hue) /var(--color-light-color-8-alpha));
  --color-light-color-9-lightness: 50%;
  --color-light-color-9-chroma: 0.16;
  --color-light-color-9-hue: 181;
  --color-light-color-9-alpha: 1;
  --color-light-color-9: oklch(var(--color-light-color-9-lightness) var(--color-light-color-9-chroma) var(--color-light-color-9-hue) /var(--color-light-color-9-alpha));
  --color-light-color-10-lightness: 65%;
  --color-light-color-10-chroma: 0.15;
  --color-light-color-10-hue: 258;
  --color-light-color-10-alpha: 1;
  --color-light-color-10: oklch(var(--color-light-color-10-lightness) var(--color-light-color-10-chroma) var(--color-light-color-10-hue) /var(--color-light-color-10-alpha));
  --color-light-color-11-lightness: 65%;
  --color-light-color-11-chroma: 0.15;
  --color-light-color-11-hue: 91;
  --color-light-color-11-alpha: 1;
  --color-light-color-11: oklch(var(--color-light-color-11-lightness) var(--color-light-color-11-chroma) var(--color-light-color-11-hue) /var(--color-light-color-11-alpha));
  
  
  --color-dark-color-1-lightness: 55%;
  --color-dark-color-1-chroma: 0.25261605;
  --color-dark-color-1-hue: 54;
  --color-dark-color-1-alpha: 1;
  --color-dark-color-1: oklch(var(--color-dark-color-1-lightness) var(--color-dark-color-1-chroma) var(--color-dark-color-1-hue) /var(--color-dark-color-1-alpha));
  --color-dark-color-2-lightness: 56%;
  --color-dark-color-2-chroma: 0.16;
  --color-dark-color-2-hue: 146;
  --color-dark-color-2-alpha: 1;
  --color-dark-color-2: oklch(var(--color-dark-color-2-lightness) var(--color-dark-color-2-chroma) var(--color-dark-color-2-hue) /var(--color-dark-color-2-alpha));
  --color-dark-color-3-lightness: 45%;
  --color-dark-color-3-chroma: 0.20209284;
  --color-dark-color-3-hue: 348;
  --color-dark-color-3-alpha: 1;
  --color-dark-color-3: oklch(var(--color-dark-color-3-lightness) var(--color-dark-color-3-chroma) var(--color-dark-color-3-hue) /var(--color-dark-color-3-alpha));
  --color-dark-color-4-lightness: 75%;
  --color-dark-color-4-chroma: 0.25261605;
  --color-dark-color-4-hue: 54;
  --color-dark-color-4-alpha: 1;
  --color-dark-color-4: oklch(var(--color-dark-color-4-lightness) var(--color-dark-color-4-chroma) var(--color-dark-color-4-hue) /var(--color-dark-color-4-alpha));
  --color-dark-color-5-lightness: 70%;
  --color-dark-color-5-chroma: 0.22735444;
  --color-dark-color-5-hue: 181;
  --color-dark-color-5-alpha: 1;
  --color-dark-color-5: oklch(var(--color-dark-color-5-lightness) var(--color-dark-color-5-chroma) var(--color-dark-color-5-hue) /var(--color-dark-color-5-alpha));
  --color-dark-color-6-lightness: 65%;
  --color-dark-color-6-chroma: 0.20209284;
  --color-dark-color-6-hue: 348;
  --color-dark-color-6-alpha: 1;
  --color-dark-color-6: oklch(var(--color-dark-color-6-lightness) var(--color-dark-color-6-chroma) var(--color-dark-color-6-hue) /var(--color-dark-color-6-alpha));
  --color-dark-color-7-lightness: 50%;
  --color-dark-color-7-chroma: 0.25;
  --color-dark-color-7-hue: 10;
  --color-dark-color-7-alpha: 1;
  --color-dark-color-7: oklch(var(--color-dark-color-7-lightness) var(--color-dark-color-7-chroma) var(--color-dark-color-7-hue) /var(--color-dark-color-7-alpha));
  --color-dark-color-8-lightness: 50%;
  --color-dark-color-8-chroma: 0.25;
  --color-dark-color-8-hue: 54;
  --color-dark-color-8-alpha: 1;
  --color-dark-color-8: oklch(var(--color-dark-color-8-lightness) var(--color-dark-color-8-chroma) var(--color-dark-color-8-hue) /var(--color-dark-color-8-alpha));
  --color-dark-color-9-lightness: 60%;
  --color-dark-color-9-chroma: 0.16;
  --color-dark-color-9-hue: 181;
  --color-dark-color-9-alpha: 1;
  --color-dark-color-9: oklch(var(--color-dark-color-9-lightness) var(--color-dark-color-9-chroma) var(--color-dark-color-9-hue) /var(--color-dark-color-9-alpha));
  --color-dark-color-10-lightness: 31%;
  --color-dark-color-10-chroma: 0.12973851;
  --color-dark-color-10-hue: 258;
  --color-dark-color-10-alpha: 1;
  --color-dark-color-10: oklch(var(--color-dark-color-10-lightness) var(--color-dark-color-10-chroma) var(--color-dark-color-10-hue) /var(--color-dark-color-10-alpha));
  --color-dark-color-11-lightness: 28%;
  --color-dark-color-11-chroma: 0.15;
  --color-dark-color-11-hue: 91;
  --color-dark-color-11-alpha: 1;
  --color-dark-color-11: oklch(var(--color-dark-color-11-lightness) var(--color-dark-color-11-chroma) var(--color-dark-color-11-hue) /var(--color-dark-color-11-alpha));
  
  
  --color-light-neutral-1: oklch(1% 0.01 54);
  --color-light-neutral-2: oklch(20% 0.01 54);
  --color-light-neutral-3: oklch(30% 0.01 54);
  --color-light-neutral-4: oklch(40% 0.01 54);
  --color-light-neutral-5: oklch(50% 0.01 54);
  --color-light-neutral-6: oklch(60% 0.01 54);
  --color-light-neutral-7: oklch(70% 0.01 54);
  --color-light-neutral-8: oklch(85% 0.01 54);
  --color-light-neutral-9: oklch(95% 0.01 54);
  --color-light-neutral-10: oklch(99% 0.01 54);
  
  
  --color-dark-neutral-1: oklch(99% 0.01 54);
  --color-dark-neutral-2: oklch(95% 0.01 54);
  --color-dark-neutral-3: oklch(85% 0.01 54);
  --color-dark-neutral-4: oklch(70% 0.01 54);
  --color-dark-neutral-5: oklch(60% 0.01 54);
  --color-dark-neutral-6: oklch(50% 0.01 54);
  --color-dark-neutral-7: oklch(40% 0.01 54);
  --color-dark-neutral-8: oklch(30% 0.01 54);
  --color-dark-neutral-9: oklch(20% 0.01 54);
  --color-dark-neutral-10: oklch(1% 0.01 54);
  
  
}

:root {
  color-scheme: light;
  
  
  --color-color-1: var(--color-light-color-1);
  --color-color-2: var(--color-light-color-2);
  --color-color-3: var(--color-light-color-3);
  --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);
  
  
  --contrast-color: black;
  --contrast-color-mix-percent: 10%;
}

@media (prefers-color-scheme:dark) {
  :root {
    color-scheme: dark;
    
    
    --color-color-1: var(--color-dark-color-1);
    --color-color-2: var(--color-dark-color-2);
    --color-color-3: var(--color-dark-color-3);
    --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);
    
    
    --contrast-color: white;
    --contrast-color-mix-percent: 5%;
  }
}

.light,
[color-scheme=light] {
  color-scheme: light;
  
  
  --color-color-1: var(--color-light-color-1);
  --color-color-2: var(--color-light-color-2);
  --color-color-3: var(--color-light-color-3);
  --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);
  
  
  --contrast-color: black;
  --contrast-color-mix-percent: 10%;
}

.dark,
[color-scheme=dark] {
  color-scheme: dark;
  
  
  --color-color-1: var(--color-dark-color-1);
  --color-color-2: var(--color-dark-color-2);
  --color-color-3: var(--color-dark-color-3);
  --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);
  
  
  --contrast-color: white;
  --contrast-color-mix-percent: 5%;
}