@use "../vars/vars-night";

.ve-night-mode .rd {
	&__ {
		&h--0,
		&h--1,
		&h--2 {
			color: vars-night.$rgb-name-red--night;
		}

		&h--1 {
			border-bottom-color: vars-night.$rgb-name-red--night;
		}

		&h--4 {
			color: vars-night.$rgb-name-alt--night;
		}

		&h--3 {
			color: vars-night.$rgb-name-alt--night;
		}

		&-image-title-inner {
			border-color: vars-night.$rgb-border-grey--night;
		}

		&b-inset {
			background-color: #323431;

			&--readaloud {
				background-color: #28303a;
			}
		}

		&b-data {
			border-color: vars-night.$rgb-border-grey--statblock-night;
		}

		&b-flow {
			background-color: #38352f;
		}

		&comic {
			color: #95aaea;
		}

		&stats-name-page {
			color: vars-night.$rgb-font--night;
		}

		&highlight {
			background-color: vars-night.$rgb-bg-highlight--night;
			color: vars-night.$rgb-bg--night;
		}
	}

	&-item__ {
		&type-rarity-attunement {
			color: vars-night.$rgb-font--night;
		}
	}

	&-spell__ {
		&level-school-ritual {
			color: vars-night.$rgb-font--night;
		}
	}

	&-ability-icon {
		&__ {
			&fill-primary {
				fill: vars-night.$rgb-font--night;
			}

			&fill-bg {
				fill: vars-night.$rgb-bg--night;
			}

			&stroke-bg {
				stroke: vars-night.$rgb-bg--night;
			}
		}
	}

	&-homebrew__ {
		&b {
			background-color: vars-night.$rgb-bg-homebrew--night;
		}

		&disp-old-content {
			color: #f99;
		}

		&disp-inline {
			background-color: vars-night.$rgb-bg-homebrew--night;
		}
	}
}