/* ============================================================
   VELOXCIA — Dark Mode ("black" base)
   Deep charcoal-violet surface, not pure black. This is the
   primary/hero experience the product should be judged on.
   ============================================================ */

[data-bs-theme=dark] {
	--tblr-heading-color: #F5F6FA;
	--tblr-body-color: #A6ACC2;
	--tblr-body-color-rgb: 166, 172, 194;
	--tblr-muted: #8B92AB;
	--tblr-body-bg: #0A0B10;
	--tblr-body-bg-rgb: 10, 11, 16;
	--tblr-emphasis-color: #ffffff;
	--tblr-emphasis-color-rgb: 255, 255, 255;
	--tblr-bg-forms: #12131B;
	--tblr-bg-surface: #12131B;
	--tblr-bg-surface-dark: #07080C;
	--tblr-bg-surface-secondary: #191A24;
	--tblr-bg-surface-tertiary: #07080C;
	--tblr-link-color: #F0687C;
	--tblr-link-hover-color: #F5919E;
	--tblr-active-bg: #20222E;
	--tblr-disabled-color: var(--tblr-gray-700);
	--tblr-border-color: #1E212C;
	--tblr-border-color-translucent: rgba(167, 139, 250, 0.14);
	--tblr-border-dark-color: #262A38;
	--tblr-border-color-active: #262A38;
	--tblr-btn-color: #ffffff;
	--tblr-code-color: var(--tblr-body-color);
	--tblr-code-bg: #191A24;

	/* Tinted "-lt" surfaces used by Tabler's badge/alert bg-*-lt utilities */
	--tblr-primary-lt: rgba(194, 46, 69, 0.16);
	--tblr-primary-lt-rgb: 194, 46, 69;
	--tblr-secondary-lt: #1B1D27;
	--tblr-secondary-lt-rgb: 27, 29, 39;
	--tblr-success-lt: rgba(34, 197, 94, 0.16);
	--tblr-success-lt-rgb: 34, 197, 94;
	--tblr-info-lt: rgba(59, 130, 246, 0.16);
	--tblr-info-lt-rgb: 59, 130, 246;
	--tblr-warning-lt: rgba(240, 180, 41, 0.16);
	--tblr-warning-lt-rgb: 240, 180, 41;
	--tblr-danger-lt: rgba(239, 68, 68, 0.16);
	--tblr-danger-lt-rgb: 239, 68, 68;
	--tblr-light-lt: #1B1D27;
	--tblr-light-lt-rgb: 27, 29, 39;
	--tblr-dark-lt: #1B1D27;
	--tblr-dark-lt-rgb: 27, 29, 39;
	--tblr-muted-lt: #1B1D27;
	--tblr-muted-lt-rgb: 27, 29, 39;
	--tblr-blue-lt: #1B1D27;
	--tblr-blue-lt-rgb: 27, 29, 39;
	--tblr-azure-lt: #1B1D27;
	--tblr-azure-lt-rgb: 27, 29, 39;
	--tblr-indigo-lt: #1B1D27;
	--tblr-indigo-lt-rgb: 27, 29, 39;
	--tblr-purple-lt: #1B1D27;
	--tblr-purple-lt-rgb: 27, 29, 39;
	--tblr-pink-lt: #1B1D27;
	--tblr-pink-lt-rgb: 27, 29, 39;
	--tblr-red-lt: #1B1D27;
	--tblr-red-lt-rgb: 27, 29, 39;
	--tblr-orange-lt: #1B1D27;
	--tblr-orange-lt-rgb: 27, 29, 39;
	--tblr-yellow-lt: #1B1D27;
	--tblr-yellow-lt-rgb: 27, 29, 39;
	--tblr-lime-lt: #1B1D27;
	--tblr-lime-lt-rgb: 27, 29, 39;
	--tblr-green-lt: #1B1D27;
	--tblr-green-lt-rgb: 27, 29, 39;
	--tblr-teal-lt: #1B1D27;
	--tblr-teal-lt-rgb: 27, 29, 39;
	--tblr-cyan-lt: #1B1D27;
	--tblr-cyan-lt-rgb: 27, 29, 39;
	--tblr-facebook-lt: #1B1D27;
	--tblr-facebook-lt-rgb: 27, 29, 39;
	--tblr-twitter-lt: #1B1D27;
	--tblr-twitter-lt-rgb: 27, 29, 39;
	--tblr-linkedin-lt: #1B1D27;
	--tblr-linkedin-lt-rgb: 27, 29, 39;
	--tblr-google-lt: #1B1D27;
	--tblr-google-lt-rgb: 27, 29, 39;
	--tblr-youtube-lt: #1B1D27;
	--tblr-youtube-lt-rgb: 27, 29, 39;
	--tblr-vimeo-lt: #1B1D27;
	--tblr-vimeo-lt-rgb: 27, 29, 39;
	--tblr-dribbble-lt: #1B1D27;
	--tblr-dribbble-lt-rgb: 27, 29, 39;
	--tblr-github-lt: #1B1D27;
	--tblr-github-lt-rgb: 27, 29, 39;
	--tblr-instagram-lt: #1B1D27;
	--tblr-instagram-lt-rgb: 27, 29, 39;
	--tblr-pinterest-lt: #1B1D27;
	--tblr-pinterest-lt-rgb: 27, 29, 39;
	--tblr-vk-lt: #1B1D27;
	--tblr-vk-lt-rgb: 27, 29, 39;
	--tblr-rss-lt: #1B1D27;
	--tblr-rss-lt-rgb: 27, 29, 39;
	--tblr-flickr-lt: #1B1D27;
	--tblr-flickr-lt-rgb: 27, 29, 39;
	--tblr-bitbucket-lt: #1B1D27;
	--tblr-bitbucket-lt-rgb: 27, 29, 39;
	--tblr-tabler-lt: #1B1D27;
	--tblr-tabler-lt-rgb: 27, 29, 39;
}

/* ---- Ambient background — sitewide, subtle, fixed ---- */
[data-bs-theme=dark] body {
	background-color: var(--tblr-body-bg);
	background-image:
		radial-gradient(900px circle at 8% -10%, rgba(194, 46, 69, .12), transparent 55%),
		radial-gradient(700px circle at 100% 10%, rgba(240, 180, 41, .05), transparent 55%);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

[data-bs-theme=dark] .btn-signin { background-color: #14151E; border-color: #232636; }

[data-bs-theme=dark] .card { --tblr-card-border-color: #1E212C; background-color: var(--tblr-bg-surface); }
[data-bs-theme=dark] .card-hover:hover,
[data-bs-theme=dark] a.card:hover { border-color: rgba(167, 139, 250, .35) !important; }

[data-bs-theme=dark] header.navbar { border-bottom-color: #1A1C26; }
[data-bs-theme=dark] footer.footer { background-color: #0D0E14; border-top-color: #1A1C26; }

@media (min-width: 768px) {
	[data-bs-theme=dark] .navbar-expand-md .nav-item.active:after,
	[data-bs-theme=dark] .navbar-expand-md .nav-item:hover:not(.no-hover-border)::after {
		border-bottom-width: 2px !important;
		border-color: var(--vx-primary, #C22E45) !important;
	}
}

[data-bs-theme=dark].col-form-label,
[data-bs-theme=dark] .form-label { color: #E4E6F0; }

[data-bs-theme=dark] .form-control,
[data-bs-theme=dark] .form-select { background-color: #14151E; border-color: #22242F; color: #E4E6F0; }
[data-bs-theme=dark] .form-control:focus,
[data-bs-theme=dark] .input-group-flat:focus-within .form-control,
[data-bs-theme=dark] .input-group-flat:focus-within .input-group-text {
	border-color: rgba(167, 139, 250, .55) !important;
	box-shadow: 0 0 0 3px rgba(194, 46, 69, .18) !important;
}
[data-bs-theme=dark] .input-group-flat:focus-within { box-shadow: 0 0 0 3px rgba(194, 46, 69, .18) !important; }

[data-bs-theme=dark] .markdown > table thead th,
[data-bs-theme=dark] .table thead th { color: rgba(255, 255, 255, 0.65); }

[data-bs-theme=dark] .breadcrumb-item a,
[data-bs-theme=dark] a,
[data-bs-theme=dark] h1, [data-bs-theme=dark] h2, [data-bs-theme=dark] h3,
[data-bs-theme=dark] h4, [data-bs-theme=dark] h5, [data-bs-theme=dark] h6,
[data-bs-theme=dark] .card-title, [data-bs-theme=dark] .card-header,
[data-bs-theme=dark] .fw-medium, [data-bs-theme=dark] .fw-bold,
[data-bs-theme=dark] strong,
[data-bs-theme=dark] .table a:not(.btn) { color: #F5F6FA; }

[data-bs-theme=dark] .widget-link:hover { color: var(--vx-primary-2, #E2586C) !important; }
[data-bs-theme=dark] .nav-link { color: #C6CBDC; transition: color .3s; }
[data-bs-theme=dark] .sidebar-profile-card .sidebar-link:hover,
[data-bs-theme=dark] .sidebar-profile-card .sidebar-link.active { background-color: var(--tblr-dropdown-link-active-bg); color: #fff; }
[data-bs-theme=dark] .nav-item.active a,
[data-bs-theme=dark] .nav-item.active i,
[data-bs-theme=dark] .nav-item:hover a,
[data-bs-theme=dark] .nav-item:hover i { color: #fff; }

[data-bs-theme=dark] .dropdown-menu { background-color: #14151E; border-color: #22242F; }
[data-bs-theme=dark] .vx-rank { background: #1B1D27; }

[data-bs-theme=dark] hr { opacity: .06; border-color: #fff; }