--title-color: #ffffff;
--text-color: #cfd3da;
--sub-text-color: #9aa3ad;
--placeholder-color: #6c757d;
--background-color: #0b0f14;
--border-radius: 8px;
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scroll-snap-strictness: proximity;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59,130,246,.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--input-primary: #1e293b;
--input-primary-dark: #0f172a;
--carousel-banners: #111827;
--carousel-banners-dark: #0b1220;
--sidebar-color: #111827 !important;
--sidebar-color-dark: #0b1220 !important;
--navtop-color: #111827;
--navtop-color-dark: #0b1220;
--side-menu: #111827;
--side-menu-dark: #0b1220;
--footer-color: #111827;
--footer-color-dark: #0b1220;
--card-color: #111827;
--card-color-dark: #0b1220;
.navtop-color{
background-color: #111827 !important;
}
:is(.dark .navtop-color) {
background-color: #0b1220 !important;
background-color: #0b0f14;
}
:is(.dark .bg-base) {
background-color: #070a0e;
}