/* The editorial light stylesheet keeps its palette as the default. */
body .cs-site-scheme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

body .cs-site-scheme-toggle:focus-visible {
  outline: 2px solid var(--tv-focus);
  outline-offset: 3px;
}

body.tv-dark-mode-ready .cs-header-topbar__top .cs-col-right {
  display: none;
}

body .tv-desktop-mode {
  width: 40px;
  height: 40px;
  padding: 0;
}

body .tv-desktop-mode .cs-header__toggle-label {
  display: none;
}

body .tv-mobile-mode {
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--cs-color-primary);
}

body[data-scheme='dark'] {
  --tv-paper: #161616;
  --tv-neutral: #232323;
  --tv-ink: #f5f5f5;
  --tv-muted: #c8c8c8;
  --tv-rule: #494949;
  --tv-accent: #ff9a4d;
  --tv-focus: #69b8e8;
  --cs-light-button-hover-background: #d5d5d5;
}

body[data-scheme='dark'],
body[data-scheme='dark'] .cs-header,
body[data-scheme='dark'] .cs-header__nav-inner .sub-menu,
body[data-scheme='dark'] .cs-burger-menu,
body[data-scheme='dark'] .cs-floating-header,
body[data-scheme='dark'] .cs-header-topbar__top,
body[data-scheme='dark'] .cs-offcanvas,
body[data-scheme='dark'] .cs-footer {
  color-scheme: dark;
}