.background--primary{--color-background:var(--background);--color-text:var(--foreground);--color-title:var(--heading)}.background--secondary{--color-background:var(--secondary);--color-text:var(--foreground);--color-title:var(--heading)}.background--inverted{--color-background:var(--inverted);--color-text:var(--inverted-foreground);--color-title:var(--inverted-heading);position:relative;overflow:hidden}.background--gradient{--color-background:var(--gradient-background);--color-text:var(--gradient-text);--color-title:var(--gradient-title)}.background{background-color:var(--color-background);color:var(--color-text)}.background h1,.background h2,.background h3{color:var(--color-title)}.background--relative{position:relative}.background--relative>div:first-child,.background--relative>section:first-child{z-index:10;position:relative}.background--secondary+.background--primary,.background--primary+.background--secondary{position:relative}.background--secondary+.background--primary:before{content:"";background:linear-gradient(to bottom, var(--secondary), var(--background));z-index:1;pointer-events:none;height:150px;position:absolute;top:0;left:0;right:0;transform:translateY(-50%)}.background--primary+.background--secondary:before{content:"";background:linear-gradient(to bottom, var(--background), var(--secondary));z-index:1;pointer-events:none;height:150px;position:absolute;top:0;left:0;right:0;transform:translateY(-50%)}.background--secondary+.background--primary>*,.background--primary+.background--secondary>*{z-index:2;position:relative}.background--secondary:has(+.background--primary)>*{z-index:2;position:relative}.background--primary:has(+.background--secondary)>*{z-index:2;position:relative}