/* #region root colors */

:root {

    --chasse-hotel-hue: 261;
    --chasse-residency-hue: 42;
    --chasse-neutral-hue: 351; /* #e7e0e1  hsl 351°, 13%, 89% */

    --chasse-hotel-100: hsl(var(--chasse-hotel-hue), 42%, 42%);
    --chasse-hotel-90: hsl(var(--chasse-hotel-hue), 42%, 52%);
    --chasse-hotel-80: hsl(var(--chasse-hotel-hue), 42%, 70%);
    --chasse-hotel-70: hsl(var(--chasse-hotel-hue), 42%, 74%);
    --chasse-hotel-60: hsl(var(--chasse-hotel-hue), 42%, 78%);
    --chasse-hotel-50: hsl(var(--chasse-hotel-hue), 42%, 82%);
    --chasse-hotel-40: hsl(var(--chasse-hotel-hue), 42%, 86%);
    --chasse-hotel-30: hsl(var(--chasse-hotel-hue), 42%, 90%);
    --chasse-hotel-20: hsl(var(--chasse-hotel-hue), 42%, 94%);
    --chasse-hotel-10: hsl(var(--chasse-hotel-hue), 42%, 98%);

    --chasse-residency-100: hsl(var(--chasse-residency-hue), 55%, 42%);
    --chasse-residency-90: hsl(var(--chasse-residency-hue), 55%, 52%);
    --chasse-residency-80: hsl(var(--chasse-residency-hue), 70%, 70%);
    --chasse-residency-70: hsl(var(--chasse-residency-hue), 70%, 74%);
    --chasse-residency-60: hsl(var(--chasse-residency-hue), 80%, 78%);
    --chasse-residency-50: hsl(var(--chasse-residency-hue), 80%, 82%);
    --chasse-residency-40: hsl(var(--chasse-residency-hue), 80%, 86%);
    --chasse-residency-30: hsl(var(--chasse-residency-hue), 80%, 90%);
    --chasse-residency-20: hsl(var(--chasse-residency-hue), 80%, 94%);
    --chasse-residency-10: hsl(var(--chasse-residency-hue), 80%, 98%);

    --chasse-neutral-160: hsl(var(--chasse-neutral-hue), 13%, 67%);
	--chasse-neutral-150: hsl(var(--chasse-neutral-hue), 13%, 70%);
	--chasse-neutral-140: hsl(var(--chasse-neutral-hue), 13%, 74%);
	--chasse-neutral-130: hsl(var(--chasse-neutral-hue), 13%, 78%);
    --chasse-neutral-120: hsl(var(--chasse-neutral-hue), 13%, 82%);
    --chasse-neutral-110: hsl(var(--chasse-neutral-hue), 13%, 86%);
    --chasse-neutral-100: hsl(var(--chasse-neutral-hue), 13%, 89%);
    --chasse-neutral-90: hsl(var(--chasse-neutral-hue), 13%, 93%);
    --chasse-neutral-80: hsl(var(--chasse-neutral-hue), 13%, 96%);
    --chasse-neutral-70: hsl(var(--chasse-neutral-hue), 13%, 99%);
    --chasse-neutral-60: hsl(var(--chasse-neutral-hue), 80%, 78%);
    --chasse-neutral-50: hsl(var(--chasse-neutral-hue), 80%, 82%);
    --chasse-neutral-40: hsl(var(--chasse-neutral-hue), 80%, 86%);
    --chasse-neutral-30: hsl(var(--chasse-neutral-hue), 80%, 90%);
    --chasse-neutral-20: hsl(var(--chasse-neutral-hue), 80%, 94%);
    --chasse-neutral-10: hsl(var(--chasse-neutral-hue), 80%, 98%);


}

/* #endregion */

/* #region background-colors */

.--bg-white {
    background-color: white;
}

/* chasse-hotel */

.--bg-chasse-hotel-100 {
	background-color: var(--chasse-hotel-100);
}

.--bg-chasse-hotel-90 {
	background-color: var(--chasse-hotel-90);
}

.--bg-chasse-hotel-80 {
	background-color: var(--chasse-hotel-80);
}

.--bg-chasse-hotel-70 {
	background-color: var(--chasse-hotel-70);
}

.--bg-chasse-hotel-60 {
	background-color: var(--chasse-hotel-60);
}

.--bg-chasse-hotel-50 {
	background-color: var(--chasse-hotel-50);
}

.--bg-chasse-hotel-40 {
	background-color: var(--chasse-hotel-40);
}

.--bg-chasse-hotel-30 {
	background-color: var(--chasse-hotel-30);
}

.--bg-chasse-hotel-20 {
	background-color: var(--chasse-hotel-20);
}

.--bg-chasse-hotel-10 {
	background-color: var(--chasse-hotel-10);
}

/* chasse-residency */


.--bg-chasse-residency-100 {
	background-color: var(--chasse-residency-100);
}

.--bg-chasse-residency-90 {
	background-color: var(--chasse-residency-90);
}

.--bg-chasse-residency-80 {
	background-color: var(--chasse-residency-80);
}

.--bg-chasse-residency-70 {
	background-color: var(--chasse-residency-70);
}

.--bg-chasse-residency-60 {
	background-color: var(--chasse-residency-60);
}

.--bg-chasse-residency-50 {
	background-color: var(--chasse-residency-50);
}

.--bg-chasse-residency-40 {
	background-color: var(--chasse-residency-40);
}

.--bg-chasse-residency-30 {
	background-color: var(--chasse-residency-30);
}

.--bg-chasse-residency-20 {
	background-color: var(--chasse-residency-20);
}

.--bg-chasse-residency-10 {
	background-color: var(--chasse-residency-10);
}

/* neutral colors */

.--bg-chasse-neutral-160 {
	background-color: var(--chasse-neutral-160);
}

.--bg-chasse-neutral-150 {
	background-color: var(--chasse-neutral-150);
}

.--bg-chasse-neutral-140 {
	background-color: var(--chasse-neutral-140);
}

.--bg-chasse-neutral-130 {
	background-color: var(--chasse-neutral-130);
}

.--bg-chasse-neutral-120 {
	background-color: var(--chasse-neutral-120);
}

.--bg-chasse-neutral-110 {
	background-color: var(--chasse-neutral-110);
}

.--bg-chasse-neutral-100 {
	background-color: var(--chasse-neutral-100);
}

.--bg-chasse-neutral-90 {
	background-color: var(--chasse-neutral-90);
}

.--bg-chasse-neutral-80 {
	background-color: var(--chasse-neutral-80);
}

.--bg-chasse-neutral-70 {
	background-color: var(--chasse-neutral-70);
}

.--bg-chasse-neutral-60 {
	background-color: var(--chasse-neutral-60);
}

.--bg-chasse-neutral-50 {
	background-color: var(--chasse-neutral-50);
}

.--bg-chasse-neutral-40 {
	background-color: var(--chasse-neutral-40);
}

.--bg-chasse-neutral-30 {
	background-color: var(--chasse-neutral-30);
}

.--bg-chasse-neutral-20 {
	background-color: var(--chasse-neutral-20);
}

.--bg-chasse-neutral-10 {
	background-color: var(--chasse-neutral-10);
}

/* #endregion */