/* =========================================================
   Dark Mode Foundation
   ========================================================= */

:root {
  color-scheme: light dark;
}

body.tsap-dark-mode {
  background: #111827 !important;
  background-image: none !important;
  color: #e5e7eb !important;
}

body.tsap-dark-mode .main-content,
body.tsap-dark-mode main,
body.tsap-dark-mode .content {
  background: #1f2937 !important;
  color: #e5e7eb !important;
  box-shadow: none !important;
}

body.tsap-dark-mode h1,
body.tsap-dark-mode h2,
body.tsap-dark-mode h3,
body.tsap-dark-mode h4,
body.tsap-dark-mode h5,
body.tsap-dark-mode h6 {
  color: #f3f4f6 !important;
}

body.tsap-dark-mode h2 {
  border-bottom-color: #374151 !important;
}

body.tsap-dark-mode a {
  color: #93c5fd !important;
}

body.tsap-dark-mode a:hover,
body.tsap-dark-mode a:focus {
  color: #bfdbfe !important;
}

body.tsap-dark-mode table {
  background: #1f2937 !important;
  box-shadow: none !important;
}

body.tsap-dark-mode th {
  background: #374151 !important;
  color: #f3f4f6 !important;
}

body.tsap-dark-mode td,
body.tsap-dark-mode th {
  border-bottom-color: #4b5563 !important;
}

body.tsap-dark-mode footer {
  background: #111827 !important;
  background-image: none !important;
  color: #cbd5e1 !important;
  border-top-color: #374151 !important;
}

body.tsap-dark-mode .breadcrumb {
  color: #cbd5e1 !important;
  border-bottom-color: #374151 !important;
}

body.tsap-dark-mode .breadcrumb span {
  color: #cbd5e1 !important;
}

/* =========================================================
   Header
   ========================================================= */

body.tsap-dark-mode .site-header {
  background: #182230 !important;
  border-bottom: 1px solid #374151 !important;
}

body.tsap-dark-mode .site-header .site-title a {
  color: #f3f4f6 !important;
}

body.tsap-dark-mode .site-header .site-title a:hover {
  color: #dbeafe !important;
}

body.tsap-dark-mode .site-header .site-title a:focus {
  outline-color: #dbeafe !important;
}

body.tsap-dark-mode .site-header .site-subtitle,
body.tsap-dark-mode .site-header .site-stats {
  color: #cbd5e1 !important;
}

body.tsap-dark-mode .site-header .site-stats a {
  color: #cbd5e1 !important;
  text-decoration-color: #64748b !important;
}

body.tsap-dark-mode .site-header .site-stats a:hover {
  color: #f3f4f6 !important;
  text-decoration-color: #f3f4f6 !important;
}

/* =========================================================
   Footer
   ========================================================= */

body.tsap-dark-mode footer {
  background: #182230 !important;
  border-top: 1px solid #374151 !important;
  color: #cbd5e1 !important;
}

body.tsap-dark-mode footer a {
  color: #dbeafe !important;
}

body.tsap-dark-mode footer a:hover {
  color: #ffffff !important;
}

body.tsap-dark-mode footer p a + a::before,
body.tsap-dark-mode footer .no-separator + a::before {
  color: #64748b !important;
}

body.tsap-dark-mode footer .version-tag,
body.tsap-dark-mode footer .footer-time {
  color: #94a3b8 !important;
}

/* =========================================================
   Footer Milestone Box
   ========================================================= */

body.tsap-dark-mode footer .tsap-milestone {
  background: linear-gradient(
    135deg,
    #4a3410 0%,
    #6b4f1d 45%,
    #7a5a1f 100%
  ) !important;

  color: #f8e7b5 !important;

  border-color: #b8891f !important;

  box-shadow:
    0 4px 14px rgba(0, 0, 0, 0.35),
    0 1px 4px rgba(0, 0, 0, 0.2) !important;
}

body.tsap-dark-mode footer .tsap-milestone strong {
  color: #ffe082 !important;
}

body.tsap-dark-mode footer .tsap-milestone .milestone-date {
  color: #f6d98b !important;
}

body.tsap-dark-mode footer .tsap-milestone a {
  color: #fff3c4 !important;
}

body.tsap-dark-mode footer .tsap-milestone a:hover {
  color: #ffffff !important;
}

/* =========================================================
   Navbar
   ========================================================= */

body.tsap-dark-mode .navbar {
  background: linear-gradient(
    to bottom,
    #243244 0%,
    #1b2636 100%
  ) !important;

  box-shadow:
    0 3px 10px rgba(0, 0, 0, 0.35) !important;
}

body.tsap-dark-mode .navbar a {
  color: #e5e7eb !important;
  border-right-color: rgba(255,255,255,0.08) !important;
}

body.tsap-dark-mode .navbar a:hover {
  background: linear-gradient(
    to bottom,
    #355070 0%,
    #2c435f 100%
  ) !important;

  color: #ffffff !important;
}

body.tsap-dark-mode .navbar a.active {
  background: linear-gradient(
    to bottom,
    #406080 0%,
    #314b66 100%
  ) !important;

  color: #ffffff !important;

  box-shadow:
    inset 0 2px 6px rgba(0,0,0,0.35) !important;
}

body.tsap-dark-mode .navbar a:focus {
  outline-color: #dbeafe !important;
}

/* =========================================================
   Mobile Navbar
   ========================================================= */

@media (max-width: 768px) {

  body.tsap-dark-mode .navbar-toggle {
    background: linear-gradient(
      to bottom,
      #314b66 0%,
      #243244 100%
    ) !important;

    color: #f3f4f6 !important;
  }

  body.tsap-dark-mode .navbar ul {
    background: linear-gradient(
      to bottom,
      #243244 0%,
      #1b2636 100%
    ) !important;
  }

  body.tsap-dark-mode .navbar a {
    border-bottom-color: rgba(255,255,255,0.08) !important;
  }

  body.tsap-dark-mode .navbar ul.open {
    box-shadow:
      0 8px 18px rgba(0,0,0,0.4) !important;
  }
}