@layer ed-color-palette {
  :where(:root),
  :host {
    --ed-color-violetta-40: #151a39;
    --ed-color-violetta-50: #54258a;
    --ed-color-violetta-60: #5e299c;
    --ed-color-violetta-70: #6d30b4;
    --ed-color-violetta-80: #7b36cc;
    --ed-color-violetta-90: #863bde;
    --ed-color-violetta-100: #913ff0;
    --ed-color-violetta-110: #a25cf3;
    --ed-color-violetta-120: #b279f5;
    --ed-color-violetta-130: #c69bf8;
    --ed-color-violetta-140: #d9bcfa;
    --ed-color-violetta-150: #e7d4fc;
    --ed-color-violetta-160: #efe3fd;
    --ed-color-violetta-170: #f4ecfe;
    --ed-color-violetta-180: #f9f3ff;

    --ed-color-spooky: var(--ed-color-violetta-60);
    --ed-color-violetta: var(--ed-color-violetta-100);
    --ed-color-elfi: var(--ed-color-violetta-120);
    --ed-color-dafi: var(--ed-color-violetta-130);
    --ed-color-lavender: var(--ed-color-violetta-140);
    --ed-color-bubbles: var(--ed-color-violetta-150);
    --ed-color-cottoncandy: var(--ed-color-violetta-160);
    --ed-color-pastel: var(--ed-color-violetta-170);
  }
}