/* Gruvbox Dark Theme for Hivelens */

:root {
	--bs-body-bg: #0e1011;
	--bs-body-color: #ebdbb2;
	--bs-secondary-color: #a89984;
	--bs-border-color: #504945;
	--bs-table-bg: rgba(40,40,40,0.82);
	--bs-table-color: #ebdbb2;
	--bs-table-border-color: #504945;
	--bs-table-striped-bg: rgba(255,255,255,0.05);
	--bs-table-striped-color: #ebdbb2;
	--bs-table-hover-bg: rgba(80,73,69,0.6);
	--bs-table-hover-color: #ebdbb2;
	--hl-surface: rgba(40,40,40,0.82);
	--hl-surface-border: rgba(80,73,69,0.8);
	--hl-chart-text: #ebdbb2;
	--hl-chart-border: rgba(80,73,69,0.5);
	--hl-chart-win: #8ec07c;
	--hl-chart-neutral: #bdae93;
	--hl-chart-neutral-fill: rgba(189,174,147,0.18);
	--hl-chart-gray-light: #bdae93;
	--hl-chart-gray-dark: #7c6f64;
	--hl-chart-draw: #83a598;
	--hl-chart-loss: #fb4934;
	--hl-chart-green: #689d6a;
	--hl-chart-green-fill: rgba(104,157,106,0.14);
	--hl-chart-yellow: #a9ad2a;
	--hl-chart-orange: #cc241d;
	--hl-chart-red: #e1605c;
	--hl-chart-purple: #b9788c;
	--hl-chart-purple-fill: rgba(185,120,140,0.14);
	--hl-chart-light: rgba(235,219,178,0.75);
	--hl-chart-light-border: #bdae93;
	--hl-chart-results-white: rgba(235,219,178,0.75);
	--hl-chart-results-white-border: #bdae93;
	--hl-chart-dark: rgba(60,56,54,0.75);
	--hl-chart-dark-border: #1f1d1b;
	--hl-range-to-bg: #928374;
	--hl-range-to-border: #7c6f64;
	--hl-range-to-color: #3c3836;
	--hl-accent-orange: #d65d0e;
	--hl-home-search-bg: rgba(40,40,40,0.6);
}

[data-bs-theme="light"] {
	--bs-body-bg: #fbf1c7;
	--bs-body-color: #3c3836;
	--bs-secondary-color: #665c54;
	--bs-border-color: #d5c4a1;
	--bs-table-bg: rgba(251,241,199,0.92);
	--bs-table-color: #3c3836;
	--bs-table-border-color: #d5c4a1;
	--bs-table-striped-bg: rgba(60,56,54,0.04);
	--bs-table-striped-color: #3c3836;
	--bs-table-hover-bg: rgba(213,196,161,0.45);
	--bs-table-hover-color: #3c3836;
	--hl-surface: rgba(235,219,178,0.9);
	--hl-surface-border: rgba(213,196,161,0.95);
	--hl-chart-text: #3c3836;
	--hl-chart-border: rgba(102,92,84,0.35);
	--hl-chart-win: #427b58;
	--hl-chart-neutral: #665c54;
	--hl-chart-neutral-fill: rgba(102,92,84,0.18);
	--hl-chart-gray-light: #a89984;
	--hl-chart-gray-dark: #3c3836;
	--hl-chart-draw: #076678;
	--hl-chart-loss: #9d0006;
	--hl-chart-green: #689d6a;
	--hl-chart-green-fill: rgba(104,157,106,0.14);
	--hl-chart-yellow: #b57614;
	--hl-chart-orange: #cc241d;
	--hl-chart-red: #9d0006;
	--hl-chart-purple: #8f3f71;
	--hl-chart-purple-fill: rgba(143,63,113,0.14);
	--hl-chart-light: rgba(60,56,54,0.75);
	--hl-chart-light-border: #665c54;
	--hl-chart-results-white: #ffffff;
	--hl-chart-results-white-border: #d5c4a1;
	--hl-chart-dark: rgba(168,153,132,0.7);
	--hl-chart-dark-border: #928374;
	--hl-range-to-bg: #928374;
	--hl-range-to-border: #7c6f64;
	--hl-range-to-color: #fbf1c7;
	--hl-accent-orange: #af3a03;
	--hl-home-search-bg: var(--bs-body-bg);
}

[data-bs-theme="light"] .btn-outline-light {
	--bs-btn-color: var(--bs-body-color);
	--bs-btn-border-color: var(--bs-border-color);
	--bs-btn-hover-color: var(--bs-body-bg);
	--bs-btn-hover-bg: var(--bs-body-color);
	--bs-btn-hover-border-color: var(--bs-body-color);
	--bs-btn-active-color: var(--bs-body-bg);
	--bs-btn-active-bg: var(--bs-body-color);
	--bs-btn-active-border-color: var(--bs-body-color);
}

body {
	background-color: var(--bs-body-bg);
	color: var(--bs-body-color);
}

.navbar {
	position: relative;
	z-index: 1080;
}

.hl-navbar {
	background: var(--hl-surface);
	border-bottom: 1px solid var(--hl-surface-border);
	backdrop-filter: blur(4px);
}

.hl-navbar .navbar-brand,
.hl-navbar .navbar-text,
.hl-navbar .nav-link {
	color: var(--bs-body-color);
}

.hl-navbar .nav-link:hover,
.hl-navbar .nav-link:focus {
	color: var(--bs-body-color);
	opacity: 0.85;
}

.hl-navbar .nav-link.active {
	font-weight: 600;
}

.hl-navbar .hl-theme-toggle-btn {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	color: var(--bs-body-color);
	border: 0;
}

.hl-navbar .hl-theme-toggle-icons {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.15rem;
	height: 1.15rem;
}

.hl-navbar .hl-theme-toggle-icon {
	width: 1.15rem;
	height: 1.15rem;
	display: none;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.hl-navbar .hl-theme-toggle-icon-sun {
	display: block;
}

.hl-navbar .hl-theme-toggle-icon-moon {
	display: none;
}

[data-bs-theme="dark"] .hl-navbar .hl-theme-toggle-icon-sun {
	display: block;
}

[data-bs-theme="dark"] .hl-navbar .hl-theme-toggle-icon-moon {
	display: none;
}

[data-bs-theme="light"] .hl-navbar .hl-theme-toggle-icon-sun {
	display: none;
}

[data-bs-theme="light"] .hl-navbar .hl-theme-toggle-icon-moon {
	display: block;
}

.hl-navbar .hl-theme-toggle-btn:hover,
.hl-navbar .hl-theme-toggle-btn:focus {
	background-color: transparent;
	color: var(--bs-body-color);
	opacity: 0.9;
}

.hl-navbar .navbar-toggler {
	border-color: var(--hl-surface-border);
	color: var(--bs-body-color);
}

.hl-navbar .navbar-collapse {
	position: relative;
	z-index: 1090;
}

@media (max-width: 991.98px) {
	.hl-navbar .navbar-collapse {
		margin-top: 0.75rem;
		padding: 0.75rem;
		background: var(--hl-surface);
		border: 1px solid var(--hl-surface-border);
		border-radius: 0.5rem;
	}

	.hl-navbar .hl-theme-toggle-item {
		width: 100%;
	}

	.hl-navbar .hl-theme-toggle-item .hl-theme-toggle-btn {
		justify-content: flex-start;
		width: 100%;
	}
}

a { color: #458588; text-decoration: none; }
a:hover { color: #83a598; text-decoration: none; }

.card {
	background: var(--hl-surface);
	border: 1px solid var(--hl-surface-border);
	backdrop-filter: blur(4px);
}

.nav-tabs .nav-link {
	color: var(--bs-body-color);
	background: rgba(40,40,40,0.5);
	border-color: var(--hl-surface-border);
}

.nav-tabs .nav-link.active {
	color: var(--bs-body-color);
	background: var(--hl-surface);
	border-color: var(--hl-surface-border) var(--hl-surface-border) transparent;
}

.hl-range-separator.input-group-text {
	background-color: var(--hl-range-to-bg);
	border-color: var(--hl-range-to-border);
	color: var(--hl-range-to-color);
}

.hl-orange-text {
	color: var(--hl-accent-orange) !important;
}

.hl-home-search-input.form-control {
	background-color: var(--hl-home-search-bg);
	border-color: var(--hl-surface-border);
	color: var(--bs-body-color);
}