/*
 * darkmode.css
 * Soft dark mode for limerence.nyc
 * Activated automatically when OS dark mode is enabled.
 *
 * Palette (matches nicolematusow.com):
 *   background:  #18181a
 *   surface:     #232325
 *   surface-alt: #2c2c2e
 *   border:      #3a3a3c
 *   text-primary:   #e8e6e3
 *   text-secondary: #9a9895
 *   accent:      #77b3d5
 */

@media (prefers-color-scheme: dark) {

  /* ── Base ── */
  body,
  #canvas,
  #box_wrapper {
    background-color: #18181a !important;
    color: #e8e6e3;
  }

  /* ── Global text ── */
  h1, h2, h3, h4, h5, h6 { color: #e8e6e3 !important; }
  p { color: #9a9895; }
  a { color: #77b3d5; }
  a:hover { color: #a8cfe0; }

  /* ── Footer — keep white lettering as-is ── */
  .cs p, .cs h1, .cs h2, .cs h3, .cs h4, .cs h5, .cs h6,
  .cs a, .page_copyright p, .page_copyright a { color: inherit !important; }

  /* ── Template light sections (.ls) ── */
  .ls { background-color: #18181a !important; }
  .ls h1, .ls h2, .ls h3, .ls h4, .ls h5 { color: #e8e6e3 !important; }
  .ls p, .ls li { color: #9a9895; }

  /* ── Header ── */
  /* already dark — leave as is */

  /* ── About section — light background, keep text dark ── */
  .page_about h2, .page_about h3, .page_about h4,
  .page_about p, .page_about span { color: #383a3b !important; }

  /* ── Limerence sections ── */
  .lim-section-white { background-color: #232325 !important; }
  .lim-section-grey  { background-color: #18181a !important; }

  .lim-section-white h2,
  .lim-section-grey  h2 { color: #e8e6e3 !important; }
  .lim-section-white p,
  .lim-section-grey  p  { color: #9a9895 !important; }

  .lim-section-sub { color: #77b3d5 !important; }
  .lim-rule { background: #77b3d5 !important; }

  /* ── Footer ── */
  .page_footer.cs,
  .page_copyright.cs {
    background-color: #232325 !important;
  }
  .page_copyright.cs {
    background-color: #18181a !important;
  }
  .page_footer.cs h2,
  .page_footer.cs h4 { color: #e8e6e3 !important; }
  .page_footer.cs p   { color: #9a9895 !important; }

  /* ── About section ── */
  /* .cs parallax darken_gradient — already dark, leave as is */

  /* ── Wave dividers ── */
  .wave-divider svg path { fill: #18181a !important; }

  /* ── Article cards (image cards — dark overlay already works) ── */
  /* no changes needed */

  /* ── Diversity statement ── */
  .diversity-statement {
    background-color: #2c2c2e !important;
    border-left-color: #77b3d5 !important;
    color: #9a9895 !important;
  }

}