@layer theme {
  :root {
    --color-white: #ffffff;
    --color-grey-light: #ebebeb;
    --color-grey: #c0c0c0;
    --color-grey-dark: #a6a6a6;
    --color-dark: #767676;
    --color-black: #333333;

    --color-zhaw: #0064a6;
    --color-zhaw-soft: #e6f0f6;
    --color-nacht: #05366c;
    --color-nacht-soft: #e6ebf0;
    --color-himmel: #9adcf6;
    --color-himmel-soft: #e0f4fc;
    --color-ozean: #00757d;
    --color-ozean-soft: #e6f4f5;
    --color-eukalyptus: #00795d;
    --color-eukalyptus-soft: #e6f2ef;
    --color-gras: #a0d045;
    --color-gras-soft: #e2f0c5;
    --color-pflaume: #8a249e;
    --color-pflaume-soft: #f3e9f5;
    --color-fuchsia: #c70083;
    --color-fuchsia-soft: #f9e6f3;
    --color-koralle: #c11e48;
    --color-koralle-soft: #fde9ee;
    --color-sakura: #ffb0d4;
    --color-sakura-soft: #fde9ee;
    --color-honig: #ffa70e;
    --color-honig-soft: #fff6e7;
    --color-yuzu: #ffdc0c;
    --color-yuzu-soft: #fff4b4;
    --color-weiss: #ffffff;
    --color-weiss-soft: #ffffff;
  }
}