@use "../global" as *;
[data-bs-theme="dark"] {
	--bs-body-color: #f0f0ff;

	--bs-primary-bg-subtle: #1a3c9b;
	--bs-primary-text-emphasis: #eaefff;

	--bs-secondary-bg-subtle: #03063a;
	--bs-secondary-text-emphasis: #f6f7fd;

	--bs-success-bg-subtle: #044d1d;
	--bs-success-text-emphasis: #e8f9ee;

	--bs-info-bg-subtle: #024153;
	--bs-info-text-emphasis: #e6f9ff;

	--bs-warning-bg-subtle: #966c00;
	--bs-warning-text-emphasis: #fef7e6;

	--bs-danger-bg-subtle: #971837;
	--bs-danger-text-emphasis: #feeaef;

	--bs-light-bg-subtle: #495058;
	--bs-light-text-emphasis: #f8f9fa;

	--bs-dark-bg-subtle: #0d0e10;
	--bs-dark-text-emphasis: #ced4da;

	// Shadow Color
	--bs-box-shadow: 0px 10px 20px -4px rgba(145, 158, 171, 0.16);
	--bs-box-shadow-sm: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--bs-box-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	&[data-theme="home-2"] {
		--bs-light: #f2f5ff;
		--bs-light-rgb: 242, 245, 255;
	}
	&[data-theme="home-3"] {
		--bs-light: #f2f5ff;
		--bs-light-rgb: 242, 245, 255;
	}
	&[data-theme="wp-hosting"] {
		--bs-light: #f2f5ff;
		--bs-light-rgb: 242, 245, 255;
		--bs-primary: #f67a3c;
		--bs-primary-rgb: 246, 122, 60;
		--bs-primary-bg-subtle: #964a25;
		--bs-primary-text-emphasis: #fbc8af;
		--bs-secondary: #7734f9;
		--bs-secondary-rgb: 119, 52, 249;
		--bs-secondary-bg-subtle: #2e1a6d;
		--bs-secondary-text-emphasis: #ebebfe;
	}
	&[data-theme="cloud-server-hosting"] {
		--bs-light: #f2f5ff;
		--bs-light-rgb: 242, 245, 255;

		--bs-secondary: #1dffff;
		--bs-secondary-rgb: 29, 255, 255;
		--bs-secondary-bg-subtle: #035a67;
		--bs-secondary-text-emphasis: #c0ffff;
	}
	&[data-theme="dedicated-server-hosting"] {
		--bs-light: #f2f5ff;
		--bs-light-rgb: 242, 245, 255;
	}
	&[data-theme="vps-hosting"] {
		--bs-light: #f2f5ff;
		--bs-light-rgb: 242, 245, 255;
	}
	&[data-theme="cloud-hosting"] {
		--bs-light: #f2f5ff;
		--bs-light-rgb: 242, 245, 255;
	}
	&[data-theme="web-hosting"] {
		--bs-light: #f2f5ff;
		--bs-light-rgb: 242, 245, 255;
	}
	&[data-theme="reseller-hosting"] {
		--bs-light: #f2f5ff;
		--bs-light-rgb: 242, 245, 255;
		--bs-primary-rgb: 119, 52, 249;
		--bs-primary: #7734f9;
		--bs-primary-bg-subtle: #492098;
		--bs-primary-text-emphasis: #f1ebfe;
	}
	&[data-theme="email-hosting"] {
		--bs-light: #f2f5ff;
		--bs-light-rgb: 242, 245, 255;
	}
	&[data-theme="cpanel-hosting"] {
		--bs-light: #f2f5ff;
		--bs-light-rgb: 242, 245, 255;
		--bs-primary: #f67a3c;
		--bs-primary-rgb: 246, 122, 60;
		--bs-primary-bg-subtle: #964a25;
		--bs-primary-text-emphasis: #fbc8af;
		--bs-secondary: #7734f9;
		--bs-secondary-rgb: 119, 52, 249;
		--bs-secondary-bg-subtle: #2e1a6d;
		--bs-secondary-text-emphasis: #ebebfe;
	}
	&[data-theme="domain"] {
		--bs-light: #f2f5ff;
		--bs-light-rgb: 242, 245, 255;

		--bs-primary: #2a62fe;
		--bs-primary-rgb: 42, 98, 254;
		--bs-primary-bg-subtle: #1a3c9b;
		--bs-primary-text-emphasis: #eaefff;

		--bs-secondary: #5c65ff;
		--bs-secondary-rgb: 92, 101, 255;
		--bs-secondary-bg-subtle: #03063a;
		--bs-secondary-text-emphasis: #f6f7fd;
	}
	.dark\:bg-dark {
		background-color: var(--bs-dark) !important;
	}
	.dark\:bg-dark-subtle {
		background-color: var(--bs-dark-bg-subtle) !important;
	}
	.dark\:bg-dark-emphasis {
		background-color: var(--bs-dark-text-emphasis) !important;
	}
	.dark\:bg-dark-subtle-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-dark-bg-subtle) r g b / var(--bs-bg-opacity)
		) !important;
	}
	.dark\:bg-dark-emphasis-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-dark-text-emphasis) r g b / var(--bs-bg-opacity)
		) !important;
	}

	.dark\:bg-light {
		background-color: var(--bs-light) !important;
	}
	.dark\:bg-light-emphasis {
		background-color: var(--bs-light-text-emphasis) !important;
	}
	.dark\:bg-light-subtle {
		background-color: var(--bs-light-bg-subtle) !important;
	}
	.dark\:bg-light-subtle-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-light-bg-subtle) r g b / var(--bs-bg-opacity)
		) !important;
	}
	.dark\:bg-light-emphasis-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-light-text-emphasis) r g b / var(--bs-bg-opacity)
		) !important;
	}

	.dark\:bg-primary {
		background-color: var(--bs-primary) !important;
	}
	.dark\:bg-primary-subtle {
		background-color: var(--bs-primary-bg-subtle) !important;
	}
	.dark\:bg-primary-emphasis {
		background-color: var(--bs-primary-text-emphasis) !important;
	}
	.dark\:bg-primary-subtle-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-primary-bg-subtle) r g b / var(--bs-bg-opacity)
		) !important;
	}
	.dark\:bg-primary-emphasis-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-primary-text-emphasis) r g b / var(--bs-bg-opacity)
		) !important;
	}

	.dark\:bg-secondary {
		background-color: var(--bs-secondary) !important;
	}
	.dark\:bg-secondary-subtle {
		background-color: var(--bs-secondary-bg-subtle) !important;
	}
	.dark\:bg-secondary-emphasis {
		background-color: var(--bs-secondary-text-emphasis) !important;
	}
	.dark\:bg-secondary-subtle-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-secondary-bg-subtle) r g b / var(--bs-bg-opacity)
		) !important;
	}
	.dark\:bg-secondary-emphasis-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-secondary-text-emphasis) r g b / var(--bs-bg-opacity)
		) !important;
	}

	.dark\:bg-success {
		background-color: var(--bs-success) !important;
	}
	.dark\:bg-success-subtle {
		background-color: var(--bs-success-bg-subtle) !important;
	}
	.dark\:bg-success-emphasis {
		background-color: var(--bs-success-text-emphasis) !important;
	}
	.dark\:bg-success-subtle-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-success-bg-subtle) r g b / var(--bs-bg-opacity)
		) !important;
	}
	.dark\:bg-success-emphasis-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-success-text-emphasis) r g b / var(--bs-bg-opacity)
		) !important;
	}

	.dark\:bg-danger {
		background-color: var(--bs-danger) !important;
	}
	.dark\:bg-danger-subtle {
		background-color: var(--bs-danger-bg-subtle) !important;
	}
	.dark\:bg-danger-emphasis {
		background-color: var(--bs-danger-text-emphasis) !important;
	}
	.dark\:bg-danger-subtle-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-danger-bg-subtle) r g b / var(--bs-bg-opacity)
		) !important;
	}
	.dark\:bg-danger-emphasis-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-danger-text-emphasis) r g b / var(--bs-bg-opacity)
		) !important;
	}

	.dark\:bg-warning {
		background-color: var(--bs-warning) !important;
	}
	.dark\:bg-warning-subtle {
		background-color: var(--bs-warning-bg-subtle) !important;
	}
	.dark\:bg-warning-emphasis {
		background-color: var(--bs-warning-text-emphasis) !important;
	}
	.dark\:bg-warning-subtle-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-warning-bg-subtle) r g b / var(--bs-bg-opacity)
		) !important;
	}
	.dark\:bg-warning-emphasis-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-warning-text-emphasis) r g b / var(--bs-bg-opacity)
		) !important;
	}

	.dark\:bg-info {
		background-color: var(--bs-info) !important;
	}
	.dark\:bg-info-subtle {
		background-color: var(--bs-info-bg-subtle) !important;
	}
	.dark\:bg-info-emphasis {
		background-color: var(--bs-info-text-emphasis) !important;
	}
	.dark\:bg-info-subtle-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-info-bg-subtle) r g b / var(--bs-bg-opacity)
		) !important;
	}
	.dark\:bg-info-emphasis-rgb {
		--bs-bg-opacity: 1;
		background-color: rgb(
			from var(--bs-info-text-emphasis) r g b / var(--bs-bg-opacity)
		) !important;
	}

	.dark\:bg-heading {
		background-color: var(--bs-heading-color) !important;
	}
	.dark\:bg-body {
		background-color: var(--bs-body-color) !important;
	}

	.dark\:bg-opacity-0 {
		--bs-bg-opacity: 0;
	}
	.dark\:bg-opacity-5 {
		--bs-bg-opacity: 0.05;
	}

	.dark\:bg-opacity-10 {
		--bs-bg-opacity: 0.1;
	}

	.dark\:bg-opacity-20 {
		--bs-bg-opacity: 0.2;
	}

	.dark\:bg-opacity-30 {
		--bs-bg-opacity: 0.3;
	}

	.dark\:bg-opacity-40 {
		--bs-bg-opacity: 0.4;
	}

	.dark\:bg-opacity-50 {
		--bs-bg-opacity: 0.5;
	}

	.dark\:bg-opacity-60 {
		--bs-bg-opacity: 0.6;
	}

	.dark\:bg-opacity-70 {
		--bs-bg-opacity: 0.7;
	}

	.dark\:bg-opacity-80 {
		--bs-bg-opacity: 0.8;
	}

	.dark\:bg-opacity-90 {
		--bs-bg-opacity: 0.9;
	}
	.dark\:bg-opacity-95 {
		--bs-bg-opacity: 0.95;
	}
	.dark\:bg-opacity-97 {
		--bs-bg-opacity: 0.97;
	}
	.dark\:bg-opacity-100 {
		--bs-bg-opacity: 1;
	}

	.dark\:text-dark {
		color: var(--bs-dark) !important;
	}
	.dark\:text-dark-subtle {
		color: var(--bs-dark-bg-subtle) !important;
	}
	.dark\:text-dark-emphasis {
		color: var(--bs-dark-text-emphasis) !important;
	}

	.dark\:text-light {
		color: var(--bs-light) !important;
	}
	.dark\:text-light-subtle {
		color: var(--bs-light-bg-subtle) !important;
	}
	.dark\:text-light-emphasis {
		color: var(--bs-light-text-emphasis) !important;
	}

	.dark\:text-primary {
		color: var(--bs-primary) !important;
	}
	.dark\:text-primary-subtle {
		color: var(--bs-primary-bg-subtle) !important;
	}
	.dark\:text-primary-emphasis {
		color: var(--bs-primary-text-emphasis) !important;
	}

	.dark\:text-secondary {
		color: var(--bs-secondary) !important;
	}
	.dark\:text-secondary-subtle {
		color: var(--bs-secondary-bg-subtle) !important;
	}
	.dark\:text-secondary-emphasis {
		color: var(--bs-secondary-text-emphasis) !important;
	}

	.dark\:text-success {
		color: var(--bs-success) !important;
	}
	.dark\:text-success-subtle {
		color: var(--bs-success-bg-subtle) !important;
	}
	.dark\:text-success-emphasis {
		color: var(--bs-success-text-emphasis) !important;
	}

	.dark\:text-warning {
		color: var(--bs-warning) !important;
	}
	.dark\:text-warning-subtle {
		color: var(--bs-warning-bg-subtle) !important;
	}
	.dark\:text-warning-emphasis {
		color: var(--bs-warning-text-emphasis) !important;
	}

	.dark\:text-danger {
		color: var(--bs-danger) !important;
	}
	.dark\:text-danger-subtle {
		color: var(--bs-danger-bg-subtle) !important;
	}
	.dark\:text-danger-emphasis {
		color: var(--bs-danger-text-emphasis) !important;
	}

	.dark\:text-info {
		color: var(--bs-info) !important;
	}
	.dark\:text-info-subtle {
		color: var(--bs-info-bg-subtle) !important;
	}
	.dark\:text-info-emphasis {
		color: var(--bs-info-text-emphasis) !important;
	}

	.dark\:text-heading {
		color: var(--bs-heading-color) !important;
	}

	.dark\:d-none {
		display: none !important;
	}
	.dark\:d-block {
		display: block !important;
	}
	.dark\:d-inline-block {
		display: inline-block !important;
	}
	.bg-gradient-1 {
		background-image: linear-gradient(
			180deg,
			var(--bs-secondary-bg-subtle) 0%,
			var(--bs-secondary) 100%
		) !important;
	}
	.bg-gradient-2 {
		background-image: linear-gradient(
			180deg,
			var(--bs-primary-bg-subtle) 0%,
			var(--bs-primary) 100%
		) !important;
	}

	.bg-gradient-3 {
		background-image: linear-gradient(
			234deg,
			var(--bs-primary-bg-subtle) 17.25%,
			var(--bs-primary) 75.19%
		) !important;
	}
	.bg-gradient-4 {
		background-image: linear-gradient(
			232deg,
			var(--bs-secondary-bg-subtle) 4%,
			var(--bs-secondary) 76%
		) !important;
	}
	.cta-7 {
		&::after {
			background-color: var(--bs-secondary-bg-subtle);
		}
	}
	.banner-5 {
		background-image: linear-gradient(
			180deg,
			var(--bs-primary) -23.87%,
			var(--bs-primary-bg-subtle) 89.73%
		);
	}
	.testimonial-slider-4__container {
		&::after {
			background-image: linear-gradient(
				270deg,
				rgba(248, 249, 250, 0) -0.61%,
				var(--bs-dark) 28.79%,
				var(--bs-dark) 72.57%,
				rgba(248, 249, 250, 0) 100%
			);
		}
	}
	.hero-4 {
		&::after {
			background-color: var(--bs-dark-bg-subtle);
		}
	}
	.hero-8 {
		&::after {
			background-color: var(--bs-dark);
		}
	}
	.triangle-shape-bottom {
		&::after {
			background-image: linear-gradient(
				180deg,
				var(--bs-secondary-bg-subtle) 0%,
				var(--bs-secondary) 100%
			);
		}
	}
	.triangle-shape-top {
		&::after {
			background-image: linear-gradient(
				180deg,
				var(--bs-secondary) 0%,
				var(--bs-secondary-bg-subtle) 100%
			);
		}
	}
	.testimonial-slider-8 {
		&::after {
			@include screen(md) {
				background-color: var(--bs-dark);
			}
		}
	}
	.hero-10 {
		&::after {
			background-color: rgba(var(--bs-dark-rgb), 0.5);
		}
	}
	.testimonial-section-4 {
		&::after {
			background-color: var(--bs-secondary-bg-subtle);
		}
	}
	.hero-11 {
		background-color: var(--bs-dark);
		&::before {
			background-image: linear-gradient(
				180deg,
				rgba(var(--bs-light-rgb), 0.035) 71.14%,
				transparent 94.19%
			);
		}
		&::after {
			background-image: linear-gradient(
				232deg,
				var(--bs-secondary-bg-subtle) 4%,
				var(--bs-secondary) 76%
			);
		}
	}
	.hero-12 {
		&::after {
			background-image: linear-gradient(
				109deg,
				var(--bs-primary) 13.06%,
				#090f91 46.34%,
				var(--bs-secondary-bg-subtle) 83.11%
			);
		}
	}
	.hero-13 {
		&::before {
			@include screen(md) {
				background-image: linear-gradient(
					180deg,
					var(--bs-dark-bg-subtle) 45.04%,
					transparent 83.94%
				);
			}
		}
		&::after {
			@include screen(md) {
				background-image: linear-gradient(
					184deg,
					var(--bs-primary) 10.5%,
					var(--bs-primary-bg-subtle) 71.34%
				);
			}
		}
	}
	.hero-14 {
		&::after {
			background-image: linear-gradient(
				180deg,
				var(--bs-secondary-bg-subtle) 0%,
				var(--bs-secondary) 100%
			);
		}
	}
	.feature-section-3 {
		&::after {
			background-color: var(--bs-dark);
		}
	}
	.table {
		--bs-table-bg: #090a0a;
	}
}
