@layer ed-color-palette {
  :where(:root),
  :host {
    --ed-color-bluegray-10: #070d0e;
    --ed-color-bluegray-20: #0b1618;
    --ed-color-bluegray-30: #14272b;
    --ed-color-bluegray-40: #192f32;
    --ed-color-bluegray-50: #1d383e;
    --ed-color-bluegray-60: #224148;
    --ed-color-bluegray-70: #24454d;
    --ed-color-bluegray-80: #294d56;
    --ed-color-bluegray-90: #2d5660;
    --ed-color-bluegray-100: #32606b;
    --ed-color-bluegray-110: #376874;
    --ed-color-bluegray-120: #3c707d;
    --ed-color-bluegray-130: #457583;
    --ed-color-bluegray-140: #4e7b88;
    --ed-color-bluegray-150: #5b8391;
    --ed-color-bluegray-160: #688b99;
    --ed-color-bluegray-170: #7697a3;
    --ed-color-bluegray-180: #819fab;
    --ed-color-bluegray-190: #8ba8b2;
    --ed-color-bluegray-200: #97b1ba;
    --ed-color-bluegray-210: #a2b9c1;
    --ed-color-bluegray-220: #aec2c9;
    --ed-color-bluegray-230: #bccdd3;
    --ed-color-bluegray-240: #c5d4d9;
    --ed-color-bluegray-250: #d1dce0;
    --ed-color-bluegray-260: #dce5e8;
    --ed-color-bluegray-270: #e2e9ec;
    --ed-color-bluegray-280: #e8eef0;
    --ed-color-bluegray-290: #f1f4f5;

    --ed-color-stormyblue: var(--ed-color-bluegray-100);
    --ed-color-lightstormy: var(--ed-color-bluegray-120);
    --ed-color-darksmoky: var(--ed-color-bluegray-140);
    --ed-color-smokyblue: var(--ed-color-bluegray-160);
    --ed-color-bermudagray: var(--ed-color-bluegray-190);
    --ed-color-rainygray: var(--ed-color-bluegray-220);
    --ed-color-cloudygray: var(--ed-color-bluegray-230);
    --ed-color-chappy: var(--ed-color-bluegray-240);
    --ed-color-chap: var(--ed-color-bluegray-250);
    --ed-color-chip: var(--ed-color-bluegray-260);
    --ed-color-arcticgray: var(--ed-color-bluegray-270);
    --ed-color-arcticwhite: var(--ed-color-bluegray-280);
    --ed-color-shiny: var(--ed-color-bluegray-290);
  }
}