/* Luce's ivory/ink palette and configured accent, adapted for dark screens.
   Keep the parent theme, typography, spacing, photography and print intact. */
@media screen and (prefers-color-scheme: dark) {
  :root { color-scheme: dark; }
  body.wp-theme-luce-wpcom {
    --wp--preset--color--base: #1b1a17;
    --wp--preset--color--contrast: #f4f0e7;
    /* Inherit the site-configured primary accent from light mode. */
    --wp--preset--color--secondary: #bcb5a6;
    --wp--preset--color--tertiary: #27251f;
    --anika-border: #514c40;
    color: var(--wp--preset--color--contrast);
    background-color: var(--wp--preset--color--base);
  }
  /* Keep dark ink readable on the site accent and inverse blocks. */
  .wp-theme-luce-wpcom .has-primary-background-color,
  .wp-theme-luce-wpcom .has-contrast-background-color {
    color: #1b1a17;
  }
  .wp-theme-luce-wpcom .has-primary-background-color a,
  .wp-theme-luce-wpcom .has-contrast-background-color a {
    color: #1b1a17;
  }
  .wp-theme-luce-wpcom .wp-block-navigation__responsive-container.is-menu-open,
  .wp-theme-luce-wpcom .wp-block-navigation__submenu-container {
    color: var(--wp--preset--color--contrast);
    background-color: var(--wp--preset--color--base);
    border-color: var(--anika-border);
  }
  .wp-theme-luce-wpcom .wp-block-navigation a:hover,
  .wp-theme-luce-wpcom .wp-block-navigation a:focus-visible {
    color: var(--wp--preset--color--primary);
  }
  .wp-theme-luce-wpcom :is(input[type="text"], input[type="search"],
    input[type="email"], input[type="url"], input[type="password"],
    input[type="number"], input[type="tel"], textarea, select) {
    color: var(--wp--preset--color--contrast);
    background-color: var(--wp--preset--color--tertiary);
    border-color: var(--anika-border);
  }
  .wp-theme-luce-wpcom input::placeholder,
  .wp-theme-luce-wpcom textarea::placeholder {
    color: var(--wp--preset--color--secondary);
    opacity: 1;
  }
  .wp-theme-luce-wpcom :is(.wp-element-button, .wp-block-button__link,
    .wp-block-search__button, input[type="submit"]) {
    color: #1b1a17;
    background-color: var(--wp--preset--color--primary);
  }
  .wp-theme-luce-wpcom :is(.wp-element-button, .wp-block-button__link,
    .wp-block-search__button, input[type="submit"]):is(:hover, :focus, :active) {
    color: #1b1a17;
    background-color: #abebcf;
  }
  .wp-theme-luce-wpcom .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background) {
    color: var(--wp--preset--color--contrast);
    background-color: transparent;
    border-color: currentColor;
  }
  .wp-theme-luce-wpcom .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover {
    color: #1b1a17;
    background-color: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
  }
  .wp-theme-luce-wpcom :is(a, button, input, textarea, select):focus-visible {
    outline: 2px solid var(--wp--preset--color--primary);
    outline-offset: 3px;
  }
  .wp-theme-luce-wpcom :is(pre, .wp-block-code, .wp-block-table.is-style-stripes tbody tr:nth-child(odd)) {
    color: var(--wp--preset--color--contrast);
    background-color: var(--wp--preset--color--tertiary);
  }
  .wp-theme-luce-wpcom :is(.wp-block-table td, .wp-block-table th, .wp-block-code) {
    border-color: var(--anika-border);
  }
  .wp-theme-luce-wpcom .skip-link.screen-reader-text:focus {
    color: #1b1a17;
    background-color: var(--wp--preset--color--primary);
  }
  .wp-theme-luce-wpcom ::selection {
    color: #1b1a17;
    background-color: var(--wp--preset--color--primary);
  }
}