/* NickClickTech dark mode. Deep navy palette, not black.
   Scoped to html[data-theme="dark"]. The homepage uses inline styles, so those
   are overridden by matching the inline substring with !important. The blog and
   privacy pages use classes, overridden by specificity. The exposure dossier
   (.nct-dossier) keeps its parchment look on purpose and is left untouched. */

/* ---- the floating toggle (both themes) ---- */
#nct-theme-toggle {
  position: fixed; right: 18px; bottom: 18px; z-index: 2147483000;
  width: 48px; height: 48px; border-radius: 999px;
  border: 1px solid rgba(0,0,0,.15); background: #1B1F24; color: #F5F2EB;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 20px rgba(0,0,0,.25); transition: transform .12s ease;
}
#nct-theme-toggle:hover { transform: translateY(-1px); }
#nct-theme-toggle svg { width: 22px; height: 22px; display: block; }
html[data-theme="dark"] #nct-theme-toggle { background: #141D30; color: #E7ECF3; border-color: #202B42; }
@media print { #nct-theme-toggle { display: none; } }

/* ============================================================
   DARK MODE
   ============================================================ */
html[data-theme="dark"] body { background: #0A101C !important; }
html[data-theme="dark"] a { color: #6E9BFF; }
html[data-theme="dark"] a:hover { color: #9CBBFF; }

/* Logos: make the ink wordmark legible on dark surfaces. */
html[data-theme="dark"] img[alt="NickClickTech"] { filter: brightness(0) invert(1) !important; }

/* ---- Homepage inline-style overrides ---- */
/* Surfaces */
html[data-theme="dark"] [style*="background: #F5F2EB"] { background: #0A101C !important; }
html[data-theme="dark"] [style*="background:#F5F2EB"]  { background: #0A101C !important; }
html[data-theme="dark"] [style*="background: #EDE8DD"] { background: #0E1624 !important; }
html[data-theme="dark"] [style*="background: #FFFFFF"] { background: #141D30 !important; }
html[data-theme="dark"] [style*="background: #FFFFFF"] { border-color: #202B42 !important; }
html[data-theme="dark"] [style*="background: #E4DED1"] { background: #0E1624 !important; }
html[data-theme="dark"] [style*="background: #1B1F24"] { background: #060A12 !important; }

/* Text */
html[data-theme="dark"] [style*="color: #1B1F24"] { color: #E7ECF3 !important; }
html[data-theme="dark"] [style*="color: #333A44"] { color: #C2CAD6 !important; }
html[data-theme="dark"] [style*="color: #4A5260"] { color: #9AA6B6 !important; }
html[data-theme="dark"] [style*="color: #1A4FD6"] { color: #6E9BFF !important; }

/* Borders */
html[data-theme="dark"] [style*="solid #DDD7CB"]  { border-color: #202B42 !important; }
html[data-theme="dark"] [style*="solid #E7E2D7"]  { border-color: #202B42 !important; }
html[data-theme="dark"] [style*="solid #343A43"]  { border-color: #28364F !important; }
html[data-theme="dark"] [style*="solid #1B1F24"]  { border-color: #3E4C68 !important; }
html[data-theme="dark"] [style*="dashed #B9B1A1"] { border-color: #28364F !important; }
html[data-theme="dark"] [style*="dashed #4A5260"] { border-color: #28364F !important; }

/* ---- Blog + privacy pages (class based) ---- */
html[data-theme="dark"] header { border-bottom-color: #202B42; }
html[data-theme="dark"] nav a { color: #E7ECF3; }
html[data-theme="dark"] nav a.lang { color: #9AA6B6; }
html[data-theme="dark"] p, html[data-theme="dark"] li { color: #C2CAD6; }
html[data-theme="dark"] li strong, html[data-theme="dark"] p strong { color: #E7ECF3; }
html[data-theme="dark"] h1, html[data-theme="dark"] h2 { color: #E7ECF3; }
html[data-theme="dark"] .kicker { color: #9AA6B6; }
html[data-theme="dark"] .card { background: #141D30; border-color: #202B42; }
html[data-theme="dark"] .card:hover { border-color: #3E4C68; }
html[data-theme="dark"] .card .ct { color: #E7ECF3; }
html[data-theme="dark"] .card .date { color: #9AA6B6; }
html[data-theme="dark"] .card .cd { color: #C2CAD6; }
html[data-theme="dark"] .contact { background: #141D30; border-color: #202B42; }
html[data-theme="dark"] main { color: #C2CAD6; }