/* Home screen stuff */

body.dark .user-sidebar {
    background: #424e5b;
}

body.dark .user-sidebar h2 {
        color: #eaeaea;

}
body.dark .user-nav-button {
    background: #457B9D;
    color: #eaeaea;
}


body.dark .user-sidebar button {
      background: #457B9D !important;
}


body.dark .share-btn {
  background-color: hsl(212deg 7.77% 21.4%);
}

/* Info stuff */

body.dark .section-box {
        background: #424e5b;
}

body.dark .section-box h2, body.dark .two-box h2 {
       color: #eaeaea; 
}

body.dark .section-links a {
          color: #7ea2bf; 
}

body.dark .support-universal-container {
            background: #424e5b;
}

body.dark .support-universal-container a, body.dark .support-universal-container p, body.dark .support-universal-container li, body.dark .two-box p, body.dark .two-box li {
          color: #7ea2bf; 
}

body.dark .support-universal-container h1, body.dark .support-universal-container h2, body.dark .support-two-col-layout h1 {
           color: #eaeaea; 
}

body.dark .two-box {
    background: #424e5b;
}

body.dark .cardKeywords span {
    background-color: var(--primary);
    border: 1px solid var(--primary-2);
}

/* Saved Ads screen */

body.dark .ad-item {
    background-color: #424e5b;
}

body.dark .ad-item p{
color: #f0f0f0;
}



/* Profile Edit */


body.dark .edit-profile-container {
    background: #424e5b;
}
body.dark .edit-profile-container h2 {
    color: #eaeaea;
}

body.dark .edit-profile-container  {
    color: #7ea2bf;
}


/* Ad Screen */

body.dark .dropdown-toggle, body.dark .ad-info a, body.dark .sa-link, body.dark .sa-menu-pop button, body.dark #description {
      color: #c6bbb0;
}


body.dark .chip, body.dark .chip--primary, body.dark #description {
    background-color: #424e5b;
}

body.dark .chip:hover, body.dark .chip--primary:hover {
background: #5b6979;
}


body.dark .ad-card-large {
    background-color: hsl(212deg 16% 16% / 60%);
    color: #f0f0f0;
}

body.dark .sa-icon-btn {
        color: #c6bbb0
}


body.dark .sa-icon-btn:hover{
    background-color: rgba(148, 163, 184, 0.50);
}

body.dark .sa-menu-pop {
  background-color: #424e5b;
  color: #f0f0f0;
}


body.dark .stats-container {
  background: hsl(212deg 16% 16% / 60%);
  border-color: #2a2e33;
  box-shadow: 0 12px 40px rgba(2, 6, 23, 0.20);
  border: 1px solid rgba(148, 163, 184, 0.35);
}



/* Dashboard */


body.dark .server-card__action .btn, body.dark .btn {
    background-color: #457b9d;
}