/* Metriq PRISM · Dark edition.
 * Theme-only changes. Geometry, layout, paper artwork and behavior are unchanged.
 * Brand core colors remain intact; lighter blue/teal tints are used for legibility.
 * This layer is screen-only so the existing print stylesheet retains its light canvas.
 */
@media screen {
  :root[data-theme="dark"] {
    color-scheme: dark;
    --paper: #0B0D0E;
    --white: #12181C;
    --ink: #F1F5F5;
    --charcoal: #D5DEDF;
    --muted: #A4B1B7;
    --line: #2B363E;
    --accent-blue: #82B9FA;
    --accent-teal: #91CEC7;
    --control-line: #60717E;
  }
  html { scrollbar-color: #566671 #0B0D0E; }
  ::selection { background: #C6F5DD; color: #0B0D0E; }
  button:focus-visible, a:focus-visible, input:focus-visible,
  textarea:focus-visible, select:focus-visible, summary:focus-visible,
  [tabindex]:focus-visible { outline-color: var(--accent-blue); }

  /* The existing masthead and typography, on a quiet charcoal canvas. */
  .site-header { background: rgba(11,13,14,.96); }
  .section-label { color: var(--accent-teal); }
  .section-label::before { background: var(--accent-blue); }
  .hero h1 span, .hire h2 span { color: var(--accent-blue); }
  .main-nav a:hover, .main-nav a[aria-current="location"] { color: var(--accent-blue); }
  .main-nav a::after { background: var(--accent-blue); }
  .button { color: #FFFFFF; background: #1972DC; }
  .button:hover { background: #185FAF; }
  .button-dark {
    color: #F1F5F5;
    background: #1D2A35;
    box-shadow: inset 0 0 0 1px #60778C;
  }
  .button-dark:hover { background: #1972DC; box-shadow: none; }
  .text-link:hover, .record-link:hover, .paper-title a:hover,
  .footer-main a:hover { color: var(--accent-blue); }
  .icon-button { border-color: var(--control-line); }
  .icon-button:hover { color: #F7FAF9; background: #24415D; border-color: #82B9FA; }
  .skip { color: #0B0D0E; background: #C6F5DD; }
  .motion-toggle { color: #A4B1B7; }
  .motion-toggle:hover { background: #1972DC22; color: var(--accent-blue); }
  .motion-tip { background: #DCE8EE; color: #0B0D0E; }
  .mobile-menu nav { background: #12181C; box-shadow: 0 20px 35px #0006; }
  .mobile-menu nav span { color: var(--accent-blue); }

  /* A subtle blue/teal atmosphere, without glow filters or a bounding panel. */
  .hero-display::before {
    background:
      radial-gradient(ellipse at 67% 64%, #1972DC16, transparent 61%),
      radial-gradient(ellipse at 17% 78%, #045B5D2C, transparent 47%);
  }
  .display-caption { border-color: var(--line); color: var(--muted); }
  .display-caption .arrow, .display-caption a:hover { color: var(--accent-blue); }

  /* Publication covers keep their original pixels, colors and proportions. */
  .research { background: #101519; }
  .paper-visual-link { background: #17212A; box-shadow: inset 0 0 0 1px #2B3A45; }
  .paper-visual { background: linear-gradient(135deg, #1D2933, #142029); }
  .paper-card:nth-child(3n+2) .paper-visual {
    background: linear-gradient(135deg, #1A2A32, #12202A);
  }
  .paper-card:nth-child(3n+3) .paper-visual {
    background: linear-gradient(135deg, #1A282A, #132024);
  }
  .paper-image { box-shadow: 0 16px 30px -13px #000B, 0 4px 7px #0005; }
  .paper-visual-link:hover .paper-image {
    box-shadow: 0 25px 34px -14px #000C, 0 5px 8px #0006;
  }
  .paper-visual-link .open-circle {
    background: #263B4C; color: #F1F5F5; box-shadow: inset 0 0 0 1px #6A869B;
  }
  .paper-visual-link:hover .open-circle { background: #1972DC; color: #FFF; box-shadow: none; }
  .paper-label { color: var(--accent-teal); }
  .paper-state::before { background: var(--accent-blue); }
  .paper-state.held::before { background: #CFD8DD; }
  .paper-state.held { color: #CFD8DD; }
  .catalog-type { background: #0B0D0E; color: #F7FAF9; }
  .catalog-type-09 { background: linear-gradient(150deg, #0B1822, #045B5D); }
  .topic:hover { background: #1A2630; }
  .topic[aria-pressed="true"] {
    background: #233B50; color: #B6D8FF; box-shadow: inset 0 0 0 1px #577EA1;
  }
  .search { background: #131C23; border-color: var(--control-line); }
  .search:focus-within { outline-color: var(--accent-blue); }
  .search input::placeholder { color: #A4B1B7; opacity: 1; }
  .reset-search { color: var(--accent-blue); }
  .status-select select { color: #CED9DF; }
  option { background: #141E25; color: #F1F5F5; }
  .view-choice button[aria-pressed="true"] { background: #233B50; color: #B6D8FF; }
  .view-choice button:hover { background: #1C2D3B; }

  /* The lower page is dark as well, rather than abruptly returning to white. */
  .lab { color: #F1F5F5; background: #0C1115; }
  .lab .section-label, .lab h2 span { color: #C6F5DD; }
  .lab-intro .text-link, .lab-foot a { color: #F1F5F5; }
  .lab-intro .text-link:hover { color: #C6F5DD; }
  .method-row, .lab-foot { border-color: #2D3C44; }
  .method-row .micro { color: var(--accent-blue); }
  .hire { background: #0E1418; }
  .hire-services summary>span, .form-head svg { color: var(--accent-blue); }
  .direct-email a { border-color: #607F8B; }
  .inquiry-form { background: #161F26; border-color: #344651; }
  .form-field input, .form-field textarea, .form-field select {
    background: #10171D; border-color: var(--control-line); color: #F1F5F5;
  }
  .form-field input::placeholder, .form-field textarea::placeholder { color: #A4B1B7; }
  .inquiry-form .button-dark, .brief-actions .button-dark {
    background: #1972DC; color: #FFF; box-shadow: none;
  }
  .inquiry-form .button-dark:hover, .brief-actions .button-dark:hover { background: #185FAF; }
  input:-webkit-autofill {
    -webkit-text-fill-color: #F1F5F5;
    box-shadow: 0 0 0 1000px #182735 inset;
    caret-color: #F1F5F5;
  }
  footer { background: #0B0D0E; }

  /* Native reading and inquiry dialogs retain their original structure and controls. */
  dialog { background: #151E25; box-shadow: 0 30px 100px #000B, inset 0 0 0 1px #40515C; }
  dialog::backdrop { background: #020609D9; }
  .dialog-top { background: rgba(21,30,37,.97); }
  .reader-cover { background: linear-gradient(145deg, #21323F, #14232D); }
  .reader-cover img { box-shadow: 0 18px 28px -12px #000B; }
  .reader-status { color: var(--accent-teal); border-color: var(--accent-blue); }
  .reader-status.is-hold { color: #E2E8EC; border-color: #CFD8DD; }
  .reader-meta a, .citation-details summary span, .citation-actions button,
  .reader-navigation button:hover, .brief-actions>button { color: var(--accent-blue); }
  #citation-text, #brief-preview { background: #10171D; border-color: var(--control-line); }
  .dialog-feedback, .brief-long { color: var(--accent-teal); }
}