:root {
  --primary-f4676b: #f4676b;
  --primary-ee151f: #ee151f;
  --primary-01afef: #01afef;
  --primary-edb398: #edb398;
  --primary-fae7dd: #fae7dd;
  --primary-f59d69: #f59d69;
  --primary-7acfef: #7acfef;
  --primary-f36710: #f36710;
  --primary-f37f39: #f37f39;
}

body {
  font-family: 'Source Sans Pro', 'Noto Sans Devanagari', sans-serif;
}

/* Customizing AdminLTE Navbar */
.custom-navbar {
  background-color: var(--primary-f4676b) !important;
}
.custom-navbar .nav-link {
  color: white !important;
}

/* Customizing AdminLTE Sidebar */
.custom-sidebar {
  background-color: var(--primary-ee151f) !important;
}
.custom-sidebar .nav-sidebar .nav-link {
  color: var(--primary-fae7dd) !important;
}
.custom-sidebar .nav-sidebar .nav-link.active {
  background-color: var(--primary-f36710) !important;
  color: white !important;
}
.custom-sidebar .nav-sidebar .nav-link:hover {
  background-color: var(--primary-f59d69) !important;
  color: white !important;
}

/* Customizing Buttons */
.btn-primary {
  background-color: var(--primary-01afef);
  border-color: var(--primary-01afef);
}
.btn-primary:hover {
  background-color: var(--primary-7acfef);
  border-color: var(--primary-7acfef);
}

.btn-danger {
  background-color: var(--primary-ee151f);
  border-color: var(--primary-ee151f);
}

.custom-brand {
  background-color: var(--primary-ee151f) !important;
  color: white !important;
  border-bottom: 1px solid var(--primary-f4676b) !important;
}

/* --- Modern Sidebar Styling (Nested Lines) --- */
.nav-sidebar .nav-treeview {
    padding-left: 15px;
    position: relative;
}
.nav-sidebar .nav-treeview::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}
.nav-sidebar .nav-treeview > .nav-item::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 5px;
    width: 15px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}

/* Level Colors */
/* Parent active (Level 1) */
.nav-sidebar > .nav-item > .nav-link.active {
    background-color: #007bff !important;
    color: #fff !important;
}
/* Level 2 active */
.nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
    border-left: 3px solid #00c0ef;
    border-radius: 0;
}
/* Level 3 active */
.nav-sidebar .nav-treeview .nav-treeview > .nav-item > .nav-link.active {
    background-color: transparent !important;
    color: #00c0ef !important;
    border-left: none;
    font-weight: bold;
}
.nav-sidebar .nav-treeview .nav-treeview > .nav-item > .nav-link.active i.nav-icon {
    color: #00c0ef !important;
}