/* Global Styles */

:root {
  --primary: #5394d4;
  --primary-light: #5394d4;
  --primary-dark: #447cac;
  --secondary: #7c2484;
  --tertiary: #ffcf00;
  --red: #fa003f;
  --background: #feefe5;
  --background-lite: #fffbf8;
}

[data-bs-theme="dark"] {
  .bg-body-secondary {
    background-color: #181a1d !important;
  }
  .bg-body {
    background-color: #212529 !important;
  }
  .border {
    border-color: #292929 !important;
  }
  .tag-symbol {
    border-color: #5a5a5a;
  }
  .text-bg-dark {
    color: #cbcaca !important;
  }
  .bg-dark {
    background-color: #111315 !important;
  }
  .swal2-popup {
    background-color: #292e32 !important;
    color: inherit !important;
  }
  .swal2-container.swal2-backdrop-show:not(.swal2-top-end) {
    background: rgba(0, 0, 0, 0.8);
  }
  .tagify {
    --placeholder-color: #888888 !important;
    --placeholder-color-focus: #545454 !important;
  }
  .navbar-nav .link-secondary:not(.active):not(:hover) {
    color: inherit !important;
  }
}

.feather {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  color: black;
}

.nav-link.active {
  font-weight: bold !important;
  color: var(--primary-light) !important;
}

.nav-link:hover {
  color: var(--primary) !important;
}

.green {
  color: #1aae8c;
}

.red {
  color: #fa003f;
}

.blue {
  color: #007ccf;
}

a {
  text-decoration: none;
}

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

.btn-primary:hover {
  background-color: var(--primary-dark);
}

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

.fs-7 {
  font-size: 0.8rem;
}

small {
  font-size: 0.8rem;
}