@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --ay-bg: #0f1216;
    --ay-surface: #161b22;
    --ay-surface-2: #1d232c;
    --ay-border: #2e3742;
    --ay-text: #eef2f6;
    --ay-text-soft: #c6d0db;
    --ay-text-dim: #99a6b5;
    --ay-accent: #d3541d;
    --ay-accent-2: #eb6a32;
  }

  html, body, #page, .site {
    background: var(--ay-bg) !important;
    color: var(--ay-text) !important;
  }

  body, p, li, dt, dd, blockquote,
  .entry-title, .entry-title a,
  .widget, .widget a,
  .main-navigation li a,
  .post-title a,
  .site-title a,
  .site-description,
  .entry-meta, .entry-meta a,
  .post-date, .posted-on, .byline,
  .breadcrumbs, .breadcrumbs a,
  #engage-mag-breadcrumbs, #engage-mag-breadcrumbs a,
  .ayari-apb-wrap, .ayari-apb-wrap a {
    color: var(--ay-text) !important;
  }

  .site-header, .top-bar, .engage-mag-menu-container,
  .main-navigation ul ul, .main-navigation ul ul li,
  .offcanvas-menu,
  .site-footer, .site-info {
    background: var(--ay-surface) !important;
    border-color: var(--ay-border) !important;
  }

  #primary #main,
  article .post-content-wrap,
  article .post-content,
  .widget, .widget-area .widget,
  .related-post-entries li,
  .posts-navigation .nav-previous,
  .posts-navigation .nav-next,
  .post-navigation .nav-previous,
  .post-navigation .nav-next,
  #comments .comment-list li .comment-body,
  .ayari-press-review .ayari-card,
  .ayari-press-review .ayari-grid-empty {
    background: var(--ay-surface) !important;
    color: var(--ay-text) !important;
    border-color: var(--ay-border) !important;
    box-shadow: none !important;
  }

  .main-navigation #primary-menu > li > a:hover,
  .main-navigation #primary-menu > li.current-menu-item > a,
  .main-navigation #primary-menu > li.current_page_item > a,
  .main-navigation #primary-menu > li.current-menu-ancestor > a,
  .main-navigation #primary-menu > li.current-page-ancestor > a {
    background: transparent !important;
    color: #fff !important;
    box-shadow: inset 0 -2px 0 var(--ay-accent) !important;
  }

  .main-navigation #primary-menu li ul li > a:hover,
  .main-navigation #primary-menu li ul li.current-menu-item > a,
  .main-navigation #primary-menu li ul li.current_page_item > a {
    background: rgba(211, 84, 29, .18) !important;
    color: #fff !important;
  }

  a:hover, .widget a:hover, .entry-title a:hover, .post-title a:hover {
    color: #fff !important;
  }

  .search-form input[type="search"],
  input[type="text"], input[type="email"], input[type="url"], input[type="password"],
  input[type="search"], input[type="number"], input[type="tel"], input[type="range"],
  input[type="date"], input[type="month"], input[type="week"], input[type="time"],
  input[type="datetime"], input[type="datetime-local"], input[type="color"],
  textarea, select {
    background: #10151b !important;
    color: var(--ay-text) !important;
    border-color: var(--ay-border) !important;
  }

  button,
  input[type="submit"],
  .wp-block-button__link,
  .ayari-press-review .ayari-card-readmore,
  .ayari-press-review .ayari-card-source {
    background: var(--ay-accent) !important;
    border-color: var(--ay-accent) !important;
    color: #fff !important;
  }

  button:hover,
  input[type="submit"]:hover,
  .wp-block-button__link:hover,
  .ayari-press-review .ayari-card-readmore:hover,
  .ayari-press-review .ayari-card-source:hover {
    background: var(--ay-accent-2) !important;
    border-color: var(--ay-accent-2) !important;
  }

  /* Parliamentary bridge */
  body.ayari-apb-front {
    --ayari-apb-bg: #0f1216;
    --ayari-apb-surface: #161b22;
    --ayari-apb-surface-strong: #1d232c;
    --ayari-apb-border: #2e3742;
    --ayari-apb-text: #eef2f6;
    --ayari-apb-muted: #b9c4cf;
    --ayari-apb-accent: #d3541d;
    --ayari-apb-accent-strong: #eb6a32;
    --ayari-apb-warning: #ffdb88;
    --ayari-apb-warning-bg: rgba(255, 219, 136, .12);
    --ayari-apb-shadow: none;
  }

  .ayari-apb-wrap,
  .ayari-apb-wrap .ayari-apb-breadcrumb,
  .ayari-apb-wrap .ayari-apb-meta,
  .ayari-apb-wrap .ayari-apb-panel p,
  .ayari-apb-wrap .ayari-apb-card p,
  .ayari-apb-wrap .ayari-apb-dl dt,
  .ayari-apb-wrap .ayari-apb-dl dd,
  .ayari-apb-wrap .ayari-apb-attachments li,
  .ayari-apb-wrap .ayari-apb-grid-card,
  .ayari-apb-wrap .ayari-apb-card a,
  .ayari-apb-wrap .ayari-apb-breadcrumb a,
  .ayari-apb-wrap .ayari-apb-kicker,
  .ayari-apb-wrap h1,
  .ayari-apb-wrap h2,
  .ayari-apb-wrap h3 {
    color: var(--ayari-apb-text) !important;
  }

  .ayari-apb-wrap .ayari-apb-kicker {
    color: var(--ayari-apb-accent) !important;
  }

  .ayari-apb-wrap .ayari-apb-grid-card,
  .ayari-apb-wrap .ayari-apb-pagination .page-numbers,
  .ayari-apb-wrap .ayari-apb-filterbar input,
  .ayari-apb-wrap .ayari-apb-filterbar select,
  .ayari-apb-wrap .ayari-apb-panel,
  .ayari-apb-wrap .ayari-apb-card,
  .ayari-apb-wrap .ayari-apb-hero {
    background: var(--ayari-apb-surface) !important;
    border-color: var(--ayari-apb-border) !important;
    box-shadow: none !important;
  }

  .ayari-apb-wrap .ayari-apb-grid-card.is-current,
  .ayari-apb-wrap .ayari-apb-pagination .page-numbers.current,
  .ayari-apb-wrap .ayari-apb-download,
  .ayari-apb-wrap .ayari-apb-more,
  .ayari-apb-wrap .ayari-apb-filterbar button {
    background: var(--ayari-apb-accent) !important;
    border-color: var(--ayari-apb-accent) !important;
    color: #fff !important;
  }

  .ayari-apb-wrap .ayari-apb-download.ayari-apb-secondary {
    background: var(--ayari-apb-surface-strong) !important;
    color: var(--ayari-apb-text) !important;
    border-color: var(--ayari-apb-border) !important;
  }

  .ayari-apb-wrap .ayari-apb-flag {
    background: var(--ayari-apb-surface-strong) !important;
    border-color: var(--ayari-apb-border) !important;
    color: var(--ayari-apb-muted) !important;
  }

  .ayari-apb-wrap .ayari-apb-flag.is-warning {
    background: var(--ayari-apb-warning-bg) !important;
    color: var(--ayari-apb-warning) !important;
  }


  .site-content,
  #content,
  .content-area,
  .site-main,
  .page-content,
  .entry-content,
  .entry-summary,
  .archive-description,
  .page-header,
  .nav-links,
  .inner-main-wrap,
  .main-wrapper,
  .content-wrap,
  .site-content-wrap,
  .widget-area,
  .secondary-sidebar,
  .right-sidebar,
  .left-sidebar,
  .page,
  .post,
  article,
  .hentry,
  .single-post-wrap,
  .archive-posts,
  .featured-section,
  .block-section,
  .wrapper,
  .container,
  .boxed-layout,
  .candid-widget-wrapper,
  .ayari-v1-forced-menu,
  .ayari-apb-front .site-main,
  .ayari-apb-front #primary,
  .ayari-apb-front #content {
    background-color: var(--ay-bg) !important;
    color: var(--ay-text) !important;
    border-color: var(--ay-border) !important;
  }

  .site-header,
  .site-footer,
  .main-navigation,
  .main-navigation ul,
  .main-navigation li,
  .menu,
  .sub-menu,
  .children,
  .top-header,
  .bottom-header,
  .header-main,
  .header-wrapper,
  .page-header,
  .archive-header,
  .entry-header,
  .widget-title,
  .cat-links,
  .tags-links,
  .post-categories,
  .post-tags,
  .pagination,
  .page-numbers,
  .breadcrumb-trail,
  .breadcrumbs,
  .comment-respond,
  .comments-area,
  .comment-body,
  .author-box,
  .related-posts,
  .post-item,
  .grid-item,
  .card,
  .panel {
    background-color: var(--ay-surface) !important;
    color: var(--ay-text) !important;
    border-color: var(--ay-border) !important;
  }

  .site-header a,
  .site-footer a,
  .main-navigation a,
  .menu a,
  .sub-menu a,
  .entry-content a,
  .page-content a,
  .widget a,
  .breadcrumbs a,
  .page-numbers,
  .nav-links a {
    color: var(--ay-text) !important;
  }


  img, video, iframe, svg {
    filter: none !important;
  }

  /* Engage Mag residual light surfaces cleanup */
  .engage-mag-content-area,
  .engage-mag-content-container,
  .engage-mag-content-container.engage-mag-has-thumbnail .engage-mag-content-area,
  .ct-below-featured-area,
  .ct-above-footer,
  .ct-below-featured-area.ct-grid-wrapper,
  .ct-header-carousel-section,
  .ct-missed-block,
  .ct-carousel-inner,
  .ct-carousel.slider,
  .ct-carousel-single,
  .slick-track,
  .slick-list,
  .engage-mag-featured-block,
  .engage-mag-thumbnail-post,
  .ct-grid-post,
  .ct-grid-post-list,
  .list-post,
  .list-post .post-block-style,
  .post-block-style,
  .post-content,
  .post-content-wrap,
  .ct-post-overlay .post-content.post-relative,
  .ct-post-overlay .post-content.post-relative a,
  .featured-post-content,
  .single-top-sidebar,
  .widget_media_image,
  .widget_block,
  .wp-block-group,
  .wp-block-cover,
  .archive.category .site-content,
  .archive.category #primary,
  .archive.category #main,
  .home.blog .site-content,
  .home.blog #primary,
  .home.blog #main {
    background: var(--ay-bg) !important;
    color: var(--ay-text) !important;
    border-color: var(--ay-border) !important;
  }

  .engage-mag-content-area,
  .ct-post-overlay .post-content.post-relative,
  .featured-post-content,
  .post-content-wrap,
  .widget,
  .widget-area .widget,
  .ct-missed-block.widget,
  .ct-container-main {
    background: var(--ay-surface) !important;
  }

  .ct-below-featured-area,
  .ct-above-footer,
  .ct-header-carousel-section,
  .ct-below-featured-area.ct-grid-wrapper,
  .ct-missed-block {
    background: var(--ay-bg) !important;
  }

  ul.ct-carousel li {
    border-left-color: var(--ay-border) !important;
    border-right-color: var(--ay-border) !important;
  }

  .widget-title:before,
  .widget ul.ct-nav-tabs:before,
  .about-author-box .container-title:before {
    background: var(--ay-border) !important;
  }

  .widget .tagcloud a,
  .ct-title-head,
  .widget ul.ct-nav-tabs li.ct-title-head,
  .widget ul.ct-nav-tabs li.ct-title-head:hover,
  .widget ul.ct-nav-tabs li.ct-title-head.ui-tabs-active {
    background: var(--ay-accent) !important;
    color: #fff !important;
    border-color: var(--ay-accent) !important;
  }

  .archive .page-header,
  .archive .archive-description,
  .archive .taxonomy-description,
  .archive #engage-mag-breadcrumbs,
  .archive .breadcrumb-trail,
  .archive .breadcrumbs {
    background: transparent !important;
  }

  .archive .page-title,
  .archive .archive-title,
  .archive h1.page-title,
  .archive h1.archive-title {
    color: var(--ay-text) !important;
  }

  .entry-content a.read-more-text,
  .read-more-text {
    color: var(--ay-text-soft) !important;
  }

  .entry-meta, .entry-meta a,
  .post-meta, .post-meta a,
  .featured-post-title .entry-meta,
  .featured-post-title .entry-meta a {
    color: var(--ay-text-soft) !important;
  }

  .ct-post-overlay .post-content.post-relative,
  .ct-post-overlay .post-content.post-relative a,
  .widget .ct-post-overlay .post-content.post-relative,
  .widget .ct-post-overlay .post-content.post-relative a,
  .ct-post-overlay .post-content.post-relative a:visited,
  .widget .ct-post-overlay .post-content.post-relative a:visited {
    color: var(--ay-text) !important;
  }

  .post-content > *:last-child,
  .engage-mag-content-area > *:last-child {
    margin-bottom: 0 !important;
  }

  .main-navigation, .main-navigation ul, .top-bar, .site-header, .site-footer {
    box-shadow: none !important;
  }



  /* Hotfix stronger residual light bands */
  .site-content .container,
  .widget-area .widget,
  .ct-container-main,
  .archive .page-header,
  .home .ct-below-featured-area,
  .home .ct-above-footer,
  .home .widget,
  .archive .widget,
  .archive article,
  .archive .post-content-wrap,
  .archive .content-area,
  .archive .site-main,
  .archive .container,
  .home .container,
  .home .site-main,
  .home .content-area {
    background: var(--ay-bg) !important;
    background-color: var(--ay-bg) !important;
  }

  .home article,
  .home .post,
  .home .hentry,
  .home .ct-post-overlay,
  .home .post-content-wrap,
  .archive .post,
  .archive .hentry,
  .archive .ct-post-overlay {
    background: var(--ay-surface) !important;
    background-color: var(--ay-surface) !important;
  }

  .home .wp-post-image,
  .archive .wp-post-image {
    background: transparent !important;
  }

}