/* Santos V visual system: graphite surfaces, warm-gold actions, and restrained system blue. */
:root {
	--santos-ink: #0c0c0c;
	--santos-panel: #151515;
	--santos-panel-raised: #1b1b1b;
	--santos-border: #2d2b26;
	--santos-gold: #c3a350;
	--santos-gold-strong: #d7ba69;
	--santos-gold-ink: #17140d;
	--santos-cream: #f6f1e5;
	--santos-muted: #aaa398;
	--santos-system-blue: #5865f2;
	--body-bg: #f7f5f0;
	--body-color: #211f1a;
	--main-link: #896918;
	--main-btn: var(--santos-gold);
	--main-color: var(--santos-gold-ink);
	--plyr-color-main: var(--santos-gold);
	--header-background: #fffdf8;
	--header-color: #211f1a;
	--header-search-bg: #f1ece1;
	--header-search-color: #302b22;
	--border-divider: #e6dfd0;
	--border-divider-2: #d9d0be;
}

body.night-mode {
	--body-bg: var(--santos-ink);
	--body-color: #d3d0ca;
	--body-color-dark: #d3d0ca;
	--main-link: var(--santos-gold-strong);
	--main-btn: var(--santos-gold);
	--main-color: var(--santos-gold-ink);
	--plyr-color-main: var(--santos-gold);
	--header-background: var(--santos-panel);
	--header-bg-color-dark: #e7dfcc;
	--header-search-bg: #1b1b1b;
	--header-search-color: #ddd7cc;
	--border-divider: var(--santos-border);
	--border-divider-2: #403c34;
	--card-dark-color: var(--santos-panel);
	--card-dark-divider: var(--santos-border);
	--card-dark-hover: #23211d;
	--card-dark-input: #111111;
	--card-dark-input-color: #e7e1d5;
}

a {
	text-underline-offset: 3px;
}

a:hover {
	color: var(--santos-gold-strong);
}

.btn {
	border-radius: 8px;
	font-family: var(--body-font-family);
	font-weight: 700;
	letter-spacing: .01em;
}

.btn-main,
.btn-main.show,
.btn-main:focus,
.btn-main:focus-visible,
.btn-main:disabled,
.btn-main.disabled,
.btn-primary,
.btn-primary.show,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:disabled,
.btn-primary.disabled {
	background: linear-gradient(135deg, var(--santos-gold-strong), var(--santos-gold));
	box-shadow: 0 8px 22px rgb(195 163 80 / 18%);
}

.btn-main:hover,
.btn.btn-main:active,
.btn-primary:hover,
.btn.btn-primary:active {
	background: linear-gradient(135deg, #e3c876, var(--santos-gold));
	color: var(--santos-gold-ink);
	opacity: 1;
	transform: translateY(-1px);
}

.form-control:focus,
.form-select:focus {
	box-shadow: 0 0 0 3px rgb(195 163 80 / 18%);
	border-color: var(--santos-gold);
}

body.night-mode .bg-white,
body.night-mode .content,
body.night-mode .x-sidebar-fixed,
body.night-mode .search-wrapper {
	background-color: var(--santos-ink) !important;
}

body.night-mode .content {
	border-color: var(--santos-border);
}

body.night-mode .main-header:before {
	background: var(--santos-panel);
}

body.night-mode .search-wrapper .form-control,
body.night-mode .form-control,
body.night-mode .form-select {
	background-color: var(--card-dark-input);
	border-color: var(--santos-border);
	color: var(--card-dark-input-color);
}

body.night-mode .search-wrapper .form-control:focus {
	background-color: #111111;
}

body.night-mode .dropdown-menu,
body.night-mode .modal-content {
	background-color: var(--santos-panel);
	border: 1px solid var(--santos-border);
	box-shadow: 0 18px 42px rgb(0 0 0 / 42%);
}

body.night-mode .dropdown-menu .dropdown-item {
	color: #ddd7cc;
}

body.night-mode .dropdown-menu .dropdown-item:hover,
body.night-mode .dropdown-menu .dropdown-item:focus {
	background: rgb(195 163 80 / 10%);
	color: var(--santos-gold-strong);
}

body.night-mode .side_item_hover:hover,
body.night-mode .x-sidebar .main_bg_half:hover:before,
body.night-mode .x_side_links:hover .main_bg_half:before {
	background-color: rgb(195 163 80 / 8%);
}

body.night-mode .header-icon,
body.night-mode .header-icon *,
body.night-mode .action-icon,
body.night-mode .action-icon * {
	color: #d8d0c1 !important;
	fill: #d8d0c1 !important;
}

body.night-mode .header-icon.active,
body.night-mode .header-icon.active * {
	color: var(--santos-gold-strong) !important;
	fill: var(--santos-gold-strong) !important;
}

@media (max-width: 767.98px) {
	.btn {
	border-radius: 7px;
	}
}