/* --------------------------------------------------
   Typography & Root Variables
-------------------------------------------------- */
:root {
  --bs-body-font-family: 'Inter', sans-serif;
  --bs-body-font-size: 0.94rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.45;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* UI labels */
h6, .card-header, .navbar-toggler, .form-check-label {
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* --------------------------------------------------
   Global Dark Theme
-------------------------------------------------- */
body {
  background-color: transparent !important;
  background-color: #1c1c1c !important;
  background-repeat: repeat;
  color: #e8e8e8;
  font-family: 'Inter', sans-serif;
  font-size: 0.95rem;
  line-height: 1.45;
}

body.text-bg-secondary {
  background-color: #1f1f1f !important;
  color: #e6e6e6;
}

/* --------------------------------------------------
   Navbar
-------------------------------------------------- */
.navbar-dark.bg-dark {
  background-color: #141414 !important;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.navbar, .card-header, .offcanvas-title {
  font-weight: 600;
  letter-spacing: -0.01em;
}
.offcanvas-body{
    background-color: #000000 !important;
}
/* --------------------------------------------------
   Cards
-------------------------------------------------- */
.card {
  background-color: #262626 !important;
  border: none;
}

.card-header {
  padding: 0.4rem 1rem;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.card-body {
  padding: 1rem 1.2rem;
}

.form-check {
  margin-bottom: 0.6rem;
}

/* --------------------------------------------------
   Switches
-------------------------------------------------- */
.form-check-input {
  width: 2.4rem;
  height: 1.3rem;
  border-radius: 1rem;
  background-color: #444;
  border: none;
  cursor: pointer;
  transition: all 0.25s ease;
}

.form-check-input:checked {
  background-color: #4c8bf5;
  border-color: #4c8bf5;
  box-shadow: 0 0 8px rgba(76,139,245,0.6);
}

/* Large switch variant */
.switch-lg .form-check-input {
  transform: scale(1.4);
  margin-top: 0.2rem;
}

/* --------------------------------------------------
   Sliders
-------------------------------------------------- */
input[type="range"] {
  height: 4px;
  background: #3a3a3a;
  border-radius: 2px;
  cursor: pointer;
}

input[type="range"]::-webkit-slider-thumb {
  width: 18px;
  height: 18px;
  background: #4c8bf5;
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(76,139,245,0.6);
  transition: 0.2s ease;
}

input[type="range"]::-webkit-slider-thumb:hover {
  transform: scale(1.15);
}
/**/
/* Prevent Popper from overriding our manual left positioning */ 
/* Smooth horizontal glide for tooltip following the thumb */
.tooltip {
  transition: left 0.15s ease-out;
  transform: translateX(-50%) !important; /* keep centered above thumb */
}