#theme-toggle {
  display: block;
}

[data-theme="dark"] body {
  --navbar-text-color: var(--light-text-color);
  --bg-color: #28373f;
  --card-bg-color: #14526de8;
  /* --off-white: #1A474AE8; */
  --bg-gradient: linear-gradient(90deg, #1a474afb, #14526dfd);
  --body-text-color: var(--light-text-color);
  --link-color: #cae3ff;
  --link-hover-color: var(--gold);
  --heading-text-color: #f9f9f9;
  --footer-bg-gradient: linear-gradient(45deg, #112f31e4, #104055e0),
    url(../images/banner2.png);

  --aside-bg-color: #0f4156;
  --modal-bg: #051116;
  --secondary-color: #1f4772;
  --portal-grid-bg: #5e5e5e;
  --portal-grid-text-color: var(--light-text-color);
  --portal-grid-bg-alt: #1f1b38;
  --table-row: #1c1f2c;

  --bs-danger: #ff8a8a;
  --bs-danger-rgb: 255, 138, 138;
}

[data-theme="dark"] .text-danger {
  color: #ff8a8a;
}

[data-theme="dark"] .swiper-pagination-bullet {
  color: var(--light-text-color);
  background-color: #1f1b38;
}

[data-theme="dark"] .swiper-pagination-bullet:hover,
[data-theme="dark"] .swiper-pagination-bullet-active {
  background-color: var(--darkened-helpscout-purp);
}

[data-theme="dark"] .brand {
  color: var(--light-text-color);
}

[data-theme="dark"] h1.my-3 {
  color: var(--light-text-color);
}

[data-theme="dark"] .icon-mobile-nav {
  color: var(--light-text-color);
}

[data-theme="dark"] .card {
  background-color: var(--card-bg-color);
  color: var(--light-text-color);
}

[data-theme="dark"] .card-img-top {
  /* background-color: var(--off-white); */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

[data-theme="dark"] .modal-dialog,
[data-theme="dark"] .modal-content {
  background-color: var(--modal-bg);
}

[data-theme="dark"] .modal-footer .btn-secondary {
  background-color: var(--secondary-color);
  border: none;
}

[data-theme="dark"] [data-bs-dismiss="modal"] {
  color: var(--light-text-color);
  --bs-btn-close-color: var(--light-text-color);
}

[data-theme="dark"] .select-one-box .btn {
  background-color: var(--card-bg-color);
  color: var(--light-text-color);
  text-shadow: 1px 1px 2px #000000a6;
  transition: all 0.2s ease-in-out;
}

[data-theme="dark"] .select-one-box .btn:hover {
  background-color: var(--gold);
  transform: scale(1.025);
}

[data-theme="dark"] .select-one-box .btn.on {
  background-color: var(--gold);
}

[data-theme="dark"] #welcomeOE.container {
  padding: 8px;
  width: 96%;
}

[data-theme="dark"] #welcomeOE h2 {
  font-size: 1.2rem;
  color: #c3edf0;
  margin-top: 24px;
}

[data-theme="dark"] #aboutUs .text-content p.lead {
  color: var(--off-white);
}

[data-theme="dark"] .news-content .btn.news-btn {
  background-color: var(--darkened-helpscout-purp);
  border: none;
}

[data-theme="dark"] .news-content .btn.news-btn:hover {
  background-color: #8484dd;
}

[data-theme="dark"] #newsModal h6,
[data-theme="dark"] #virtaModal h6 {
  color: var(--light-text-color);
}

[data-theme="dark"] .selling-point-heading {
  color: var(--light-text-color);
}

[data-theme="dark"] .centered-link {
  color: #d6dee7;
}

[data-theme="dark"] .visit-website {
  color: var(--light-text-color);
}

[data-theme="dark"] .headsup {
  color: #afd4ff;
}

[data-theme="dark"] .tableStyle {
  background-color: #1b5269;
  --bs-table-bg: #132f3b;
}

[data-theme="dark"] .tableStyle td {
  color: #eee;
}

[data-theme="dark"] .linkStyleblue:link,
[data-theme="dark"] .linkStyleblue:visited,
[data-theme="dark"] .tableStyle .linkStyle:link,
[data-theme="dark"] .tableStyle .linkStyle:visited {
  color: var(--link-color);
}

[data-theme="dark"] a:link,
[data-theme="dark"] a:visited {
  color: var(--link-color);
}

[data-theme="dark"] .news-content a:link,
[data-theme="dark"] .news-content a:visited {
  color: #fff;
}

[data-theme="dark"] .modal-content a:link,
[data-theme="dark"] .modal-content a:visited {
  color: var(--link-color);
  text-decoration: underline;
}

[data-theme="dark"] .volben-container .list-box {
  background-color: var(--modal-bg);
}

[data-theme="dark"] .volben-container .list-box a:link,
[data-theme="dark"] .volben-container .list-box a:visited {
  color: var(--light-text-color);
}

[data-theme="dark"] .lrg-btn-main {
  background-color: var(--card-bg-color);
}

[data-theme="dark"] .lrg-btn-main a:link,
[data-theme="dark"] .lrg-btn-main a:visited {
  font-weight: 700;
}

[data-theme="dark"] #resultsTbl td {
  /* background-color: var(--table-row); */
  color: var(--light-text-color);
  font-weight: 600;
}

[data-theme="dark"] #resultsTbl td input {
  background-color: var(--table-row);
  color: var(--light-text-color);
  font-weight: 600;
}

/* Dark theme styles for document cards */
[data-theme="dark"] .document-card {
  background-color: var(--card-bg-color);
  border-color: #444;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .document-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  border-color: var(--link-color);
}

[data-theme="dark"] .document-icon {
  background-color: var(--secondary-color);
  color: var(--light-text-color);
}

[data-theme="dark"] .document-type {
  background-color: var(--royal-blue);
  color: var(--light-text-color);
}

[data-theme="dark"] .document-date {
  color: #ccc;
}

[data-theme="dark"] .document-description {
  color: var(--light-text-color);
}

[data-theme="dark"] .section-heading {
  border-bottom-color: var(--secondary-color);
}

[data-theme="dark"] .section-heading i {
  color: var(--link-color);
}

/* Dark theme overrides for employer resources page */
[data-theme="dark"] .hero-section {
  background: var(--bg-gradient);
}

[data-theme="dark"] .hero-title {
  color: var(--light-text-color);
}

[data-theme="dark"] .hero-subtitle {
  color: var(--light-text-color);
  opacity: 0.9;
}

[data-theme="dark"] .section-header h2 {
  color: var(--light-text-color);
}

[data-theme="dark"] .section-header h2 i {
  color: var(--link-color);
}

[data-theme="dark"] .section-header p {
  color: var(--light-text-color);
  opacity: 0.8;
}

[data-theme="dark"] .form-category h3,
[data-theme="dark"] .resource-category h3 {
  color: var(--light-text-color);
}

[data-theme="dark"] .form-category h3 i,
[data-theme="dark"] .resource-category h3 i {
  color: var(--link-color);
}

[data-theme="dark"] .quick-access-card h3,
[data-theme="dark"] .lpb-card h3,
[data-theme="dark"] .additional-card h3 {
  color: var(--light-text-color);
}

[data-theme="dark"] .quick-access-card p,
[data-theme="dark"] .lpb-card p,
[data-theme="dark"] .additional-card p {
  color: var(--light-text-color);
}

[data-theme="dark"] .info-card {
  background-color: var(--card-bg-color);
  border-color: #444;
}

[data-theme="dark"] .info-card h4 {
  color: var(--light-text-color);
}

[data-theme="dark"] .info-card p {
  color: var(--light-text-color);
}

[data-theme="dark"] .info-icon {
  background-color: var(--secondary-color);
  color: var(--light-text-color);
}

/* Dark theme overrides for creditable coverage page */
[data-theme="dark"] .info-content h3 {
  color: var(--light-text-color);
}

[data-theme="dark"] .info-content p {
  color: var(--light-text-color);
}

[data-theme="dark"] .detail-item span {
  color: var(--light-text-color);
}

[data-theme="dark"] .notice-content h3 {
  color: var(--light-text-color);
}

[data-theme="dark"] .notice-content p {
  color: var(--light-text-color);
}

[data-theme="dark"] .notice-item h4 {
  color: var(--light-text-color);
}

[data-theme="dark"] .download-card h3 {
  color: var(--light-text-color);
}

[data-theme="dark"] .download-card p {
  color: var(--light-text-color);
}

[data-theme="dark"] .notice-card.primary {
  background: linear-gradient(
    135deg,
    var(--secondary-color) 0%,
    var(--card-bg-color) 100%
  );
  border-color: var(--secondary-color);
}

[data-theme="dark"] .tab-btn.active {
  background: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--light-text-color);
}

[data-theme="dark"] .notice-year {
  background: var(--secondary-color);
  color: var(--light-text-color);
}

[data-theme="dark"] .notice-icon {
  background: var(--secondary-color);
  color: white;
}

[data-theme="dark"] .notice-icon i {
  color: white;
}

/* SHARE Page Dark Theme Styles */
[data-theme="dark"] .card-container {
  background-color: var(--card-bg-color);
  color: var(--light-text-color);
  border-color: #444;
}

[data-theme="dark"] .card-container h1,
[data-theme="dark"] .card-container h2,
[data-theme="dark"] .card-container h3,
[data-theme="dark"] .card-container h4 {
  color: var(--light-text-color);
}

[data-theme="dark"] .card-container p,
[data-theme="dark"] .card-container .lead {
  color: var(--light-text-color);
}

[data-theme="dark"] .alert {
  background-color: var(--card-bg-color);
  border-color: #444;
  color: var(--light-text-color);
}

[data-theme="dark"] .alert-warning {
  background-color: #3d2c1a;
  border-color: #8b5a2b;
  color: #f0e6d2;
}

[data-theme="dark"] .alert-heading {
  color: #f0e6d2;
}

[data-theme="dark"] .alert ul li {
  color: #f0e6d2;
}

[data-theme="dark"] .alert strong {
  color: #333;
}

[data-theme="dark"] .btn-outline-primary {
  color: var(--link-color);
  border-color: var(--link-color);
  background-color: transparent;
}

[data-theme="dark"] .btn-outline-primary:hover {
  background-color: var(--link-color);
  color: var(--light-text-color);
}

/* [data-theme="dark"] .btn-primary {
  background-color: var(--link-color);
  border-color: var(--link-color) !important;
  color: #fff !important;
} */

[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .btn-primary:focus,
[data-theme="dark"] .btn-primary:active {
  background-color: var(--link-hover-color) !important;
  border-color: var(--link-hover-color) !important;
  color: #fff !important;
}

[data-theme="dark"] .list-unstyled li {
  color: var(--light-text-color);
}

[data-theme="dark"] .display-5 {
  color: var(--light-text-color);
}

/* More specific Bootstrap button overrides for dark theme */
[data-theme="dark"] .btn.btn-primary {
  /* background-color: var(--link-color); */
  border-color: var(--link-color) !important;
  color: var(--light-text-color) !important;
}

[data-theme="dark"] .btn.btn-primary:hover,
[data-theme="dark"] .btn.btn-primary:focus,
[data-theme="dark"] .btn.btn-primary:active {
  background-color: var(--link-hover-color) !important;
  border-color: var(--link-hover-color) !important;
  color: var(--light-text-color) !important;
}

[data-theme="dark"] .btn.btn-outline-primary {
  color: var(--link-color) !important;
  border-color: var(--link-color) !important;
  background-color: transparent !important;
}

/* [data-theme="dark"] .btn.btn-outline-primary:hover,
[data-theme="dark"] .btn.btn-outline-primary:focus,
[data-theme="dark"] .btn.btn-outline-primary:active {
  background-color: var(--link-color) !important;
  border-color: var(--link-color) !important;
  color: var(--light-text-color) !important;
} */

[data-theme="dark"] .step-number {
  background: transparent;
  border: 1px solid #eeeeee14;
}