/* Shared across every page in /ops/ — dark theme overrides plus a few
   consistency touches. Works because every page in this system already
   uses the same CSS custom property names (--bg, --panel, --accent, etc.)
   so overriding them here cascades through each page's existing styles
   without needing to touch every file's own CSS. */

html[data-theme="dark"]{
  --bg:#0b1220; --panel:#141d2e; --border:#28354c; --border-soft:#1d2638;
  --navy:#05080f; --navy-light:#16233a; --navy-lighter:#1f2f4d;
  --accent:#5b93f0; --accent-dark:#8fb8f8; --accent-bg:rgba(91,147,240,0.16);
  --urgent:#ff7183; --urgent-bg:rgba(255,113,131,0.16);
  --standard:#f2ac5f; --standard-bg:rgba(242,172,95,0.16);
  --routine:#42d69d; --routine-bg:rgba(66,214,157,0.16);
  --critical:#ff8f9f; --critical-bg:rgba(255,143,159,0.16);
  --text:#e9edf6; --text-dim:#aab4c8; --text-faint:#707c96;
  --shadow-sm:0 1px 2px rgba(0,0,0,0.35);
  --shadow-md:0 4px 18px rgba(0,0,0,0.45);
  --shadow-lg:0 10px 34px rgba(0,0,0,0.55);
  color-scheme: dark;
}

/* Smooth, non-jarring transition when switching themes */
body, .card, .panel, header, [class*="-card"], [class*="-box"], [class*="-item"]{
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

/* Floating theme toggle, present on every page */
#theme-toggle-btn{
  position:fixed; bottom:14px; left:14px; z-index:499;
  width:42px; height:42px; border-radius:50%;
  border:1.5px solid var(--border); background:var(--panel); color:var(--text-dim);
  font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center;
  box-shadow:var(--shadow-md); padding:0;
}
#theme-toggle-btn:hover{ border-color:var(--accent); color:var(--accent-dark); transform:translateY(-1px); }
#theme-toggle-btn:active{ transform:translateY(0); }

/* Consistent, slightly nicer focus state across every input/button, without
   fighting each page's own styling */
input:focus, textarea:focus, select:focus, button:focus-visible{
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

/* Subtle hover-lift on the card-like containers most pages already use,
   so the whole system feels a bit more responsive to interact with */
.card:hover, .hist-section-card:hover{
  box-shadow: var(--shadow-md);
}