/* Dear Thoughts – Colour Pop v1.0.0
   Palette (Usman's reference, 2026-10-24):
   Jet Black #0A0A0A (existing base) · Cerulean Blue #007BA7 (primary accent)
   Neon Rose #FF2D95 (secondary pop).
   The theme drives almost everything from its CSS variables, so the
   palette is applied by overriding the variables; a few hard-coded
   theme spots (progress bar) get direct rules. */

/* ---------- Day mode ---------- */
:root {
  --accent: #007BA7;
  --accent-hover: #00607F;
  --accent-soft: #E7F4F9;
}

/* ---------- Night mode (lighter cerulean for contrast on dark) ---------- */
html[data-theme="dark"] {
  --accent: #45B7E0;
  --accent-hover: #7CCDEE;
  --accent-soft: #16303D;
  --accent-ink: #0A1A21;
}

/* ---------- Reading progress bar: cerulean -> neon rose ---------- */
.dt-progress span {
  background: linear-gradient(90deg, #007BA7, #FF2D95);
}
html[data-theme="dark"] .dt-progress span {
  background: linear-gradient(90deg, #45B7E0, #FF2D95);
}

/* ---------- Text selection pop ---------- */
::selection {
  background: #FF2D95;
  color: #ffffff;
}

/* ---------- Cards: coloured hover edge + tinted lift ---------- */
.card:hover {
  border-color: rgba(0, 123, 167, 0.5);
  box-shadow: 0 14px 34px rgba(0, 123, 167, 0.16);
}
html[data-theme="dark"] .card:hover {
  border-color: rgba(69, 183, 224, 0.55);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
}

/* ---------- Article H2: short cerulean -> rose rule underneath ---------- */
.entry-content h2 {
  background-image: linear-gradient(90deg, #007BA7, #FF2D95);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 3rem 3px;
  padding-bottom: 0.4rem;
}