/* System-driven dark theme: the page follows the visitor's OS preference. */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --ink: #e7eff5;
    --muted: #a7b6c2;
    --soft: #101d29;
    --soft-blue: #193650;
    --line: #2a3d4d;
    --white: #0d1822;
    --blue: #8eb4ff;
    --mint: #83d1ae;
  }

  html,
  body {
    background: #09141d !important;
    color: var(--ink) !important;
  }

  body {
    color-scheme: dark;
  }

  .site-header {
    background: rgba(9, 20, 29, .9) !important;
    border-bottom-color: var(--line) !important;
  }

  .header-icon {
    background: #162936 !important;
    color: var(--ink) !important;
  }

  .menu-toggle {
    background: #0f1e2b !important;
    border-color: #52718a !important;
    color: var(--ink) !important;
  }

  .trust-pill,
  .card-tags,
  .catalogue-body small,
  .contact-page-copy > span,
  .preview-detail-shell > div > span,
  .preview-document > span {
    color: #b4c2cd !important;
  }

  .featured-card,
  .service-card,
  .resource-card,
  .catalogue-card,
  .home-about-copy,
  .contact-card,
  .contact-page-copy,
  .contact-detail-list,
  .adapted-entry-content,
  .preview-detail-shell,
  .preview-document,
  .preview-tool-stage,
  .quick-tool-card,
  .logo-card,
  .team-card,
  .training-card,
  .archive-card,
  .home-hero-expertise {
    background: #0f1c27 !important;
    border-color: var(--line) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .18) !important;
  }

  .catalogue-page,
  .documents-page {
    background: linear-gradient(to bottom, #09141d 0, #09141d 560px, #0d1924 560px, #0d1924 100%) !important;
  }

  .featured-visual {
    background: linear-gradient(145deg, #172f4b 0%, #1b354c 48%, #243e51 100%) !important;
  }

  .service-visual,
  .catalogue-media,
  .adapted-hero-media,
  .contact-page-photo,
  .home-about-media,
  .about-hero-media,
  .team-photo,
  .resource-graphic,
  .post-image,
  .training-media {
    background: #152633 !important;
  }

  .service-visual:after,
  .catalogue-media:after {
    background: linear-gradient(to top, rgba(4, 12, 19, .42), transparent 58%) !important;
  }

  .card-tags span,
  .category-filter a,
  .training-filter button,
  .home-about-list li:before,
  .quick-tool-card,
  .featured-meta,
  .fda-route-card {
    background: #152634 !important;
    border-color: var(--line) !important;
  }

  .service-body > p,
  .resource-card h3,
  .resource-footer,
  .split-heading p,
  .home-about-copy > p,
  .catalogue-body > p,
  .contact-page-copy p,
  .contact-detail-list small,
  .preview-detail-shell p,
  .preview-document p,
  .preview-tool-stage p,
  .privacy-intro p,
  .privacy-sections p,
  .fda-intro > p,
  .fda-route-card p,
  .fda-process-grid p,
  .fda-note p {
    color: var(--muted) !important;
  }

  .service-footer,
  .resource-footer,
  .contact-detail-list a,
  .contact-page-copy li,
  .home-about-list,
  .home-about-list li,
  .about-service-list,
  .about-service-list a,
  .fda-scope-list,
  .fda-scope-list > div,
  .privacy-intro,
  .privacy-sections > section,
  .training-filter,
  .category-filter {
    border-color: var(--line) !important;
  }

  .contact-page-photo span,
  .about-hero-media span,
  .home-about-media span,
  .catalogue-media > .standard-visual + span,
  .service-visual .visual-label {
    background: rgba(10, 23, 33, .9) !important;
    color: var(--ink) !important;
  }

  .home-refined-actions a:first-child,
  .home-hero-actions > a:first-child {
    background: #152634 !important;
    border-color: #59768c !important;
    color: var(--ink) !important;
  }

  .category-filter a:hover,
  .category-filter a.is-active,
  .training-filter button:hover,
  .training-filter button.is-active {
    background: var(--blue) !important;
    border-color: var(--blue) !important;
    color: #07131d !important;
  }

  .standard-visual--fda {
    background: linear-gradient(145deg, #15455a, #1d6177) !important;
    color: #d8f5ff !important;
  }

  .standard-visual--iso {
    background: linear-gradient(145deg, #1b3d4a, #275b63) !important;
    color: #d9f4ed !important;
  }

  .preview-tool-orbit {
    background: radial-gradient(circle, #142735 0 31%, #23435a 32% 33%, #10202d 34% 58%, #29475b 59% 60%, #0f1d28 61%) !important;
    border-color: #45657a !important;
  }

  .fda-note {
    background: #142b3d !important;
  }

  .service-footer b,
  .resource-footer b,
  .catalogue-body b,
  .contact-detail-list i,
  .about-service-list i,
  .fda-scope-list b {
    color: var(--blue) !important;
  }

  input,
  textarea,
  select {
    background: #0e1b26 !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
  }

  @media (max-width: 1080px) {
    .site-nav {
      background: rgba(13, 25, 35, .98) !important;
      border-color: var(--line) !important;
      box-shadow: 0 24px 70px rgba(0, 0, 0, .38) !important;
    }

    .site-nav > a,
    .site-nav > li > a {
      border-bottom-color: #223443 !important;
      color: var(--ink) !important;
    }

    .site-nav a:hover {
      background: #172b3b !important;
    }
  }
}
