@layer ed-color-palette {
  :where(:root),
  :host {
    --ed-color-petrol-10: #00181e;
    --ed-color-petrol-20: #00242c;
    --ed-color-petrol-30: #002f3a;
    --ed-color-petrol-40: #003a47;
    --ed-color-petrol-50: #004656;
    --ed-color-petrol-60: #005163;
    --ed-color-petrol-70: #005c70;
    --ed-color-petrol-80: #006880;
    --ed-color-petrol-90: #00738e;
    --ed-color-petrol-100: #007f9c;
    --ed-color-petrol-110: #0d85a1;
    --ed-color-petrol-120: #1a8ca6;
    --ed-color-petrol-130: #2692ab;
    --ed-color-petrol-140: #3399b0;
    --ed-color-petrol-150: #409fb5;
    --ed-color-petrol-160: #4da5ba;
    --ed-color-petrol-170: #5aacbf;
    --ed-color-petrol-180: #66b3c4;
    --ed-color-petrol-190: #73b9c9;
    --ed-color-petrol-200: #80bfce;
    --ed-color-petrol-210: #8fc7d4;
    --ed-color-petrol-220: #9fceda;
    --ed-color-petrol-230: #b3d9e2;
    --ed-color-petrol-240: #bddee5;
    --ed-color-petrol-250: #c7e3e9;
    --ed-color-petrol-260: #d2e8ed;
    --ed-color-petrol-270: #dcedf1;
    --ed-color-petrol-280: #e6f2f5;
    --ed-color-petrol-290: #edf6f8;

    --ed-color-eclipse: var(--ed-color-petrol-10);
    --ed-color-darkknight: var(--ed-color-petrol-20);
    --ed-color-deeptrench: var(--ed-color-petrol-30);
    --ed-color-deepsea: var(--ed-color-petrol-40);
    --ed-color-afterstorm: var(--ed-color-petrol-50);
    --ed-color-wildsea: var(--ed-color-petrol-60);
    --ed-color-bluelagoon: var(--ed-color-petrol-70);
    --ed-color-darksurfie: var(--ed-color-petrol-80);
    --ed-color-blueshadow: var(--ed-color-petrol-90);
    --ed-color-surfie: var(--ed-color-petrol-100);
    --ed-color-ocean: var(--ed-color-petrol-110);
    --ed-color-lightsurfie: var(--ed-color-petrol-120);
    --ed-color-lightocean: var(--ed-color-petrol-130);
    --ed-color-nightvlad: var(--ed-color-petrol-140);
    --ed-color-wave: var(--ed-color-petrol-180);
    --ed-color-atlanticblue: var(--ed-color-petrol-190);
    --ed-color-pacificblue: var(--ed-color-petrol-200);
    --ed-color-caribicblue: var(--ed-color-petrol-210);
    --ed-color-darkvlad: var(--ed-color-petrol-220);
    --ed-color-vlad: var(--ed-color-petrol-230);
    --ed-color-lightvlad: var(--ed-color-petrol-240);
    --ed-color-glacier: var(--ed-color-petrol-250);
    --ed-color-officeblue: var(--ed-color-petrol-260);
    --ed-color-vision: var(--ed-color-petrol-270);
    --ed-color-iceblue: var(--ed-color-petrol-280);
    --ed-color-ice: var(--ed-color-petrol-290);
  }
}