/* info-theme.css — static legal pages (wwwroot/info/{lang}/*.html) theme toggle + dark palette.
   Each page keeps its own inline light styles; this file only adds the toggle button and
   dark overrides. Theme logic: /js/theme.js (loaded in <head>, applies data-yr-theme before paint).
   Pages come in a few inline style variants (hard-coded colours), so overrides target elements/classes. */

.logo .theme-toggle {
  margin-left: auto;
  width: 36px; height: 36px; border-radius: 999px; padding: 0;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid #e4e4e7; background: #fff; color: #52525b;
  font-family: inherit; font-size: 15px; line-height: 1; cursor: pointer;
}
.logo .theme-toggle:hover { border-color: #6366f1; color: #1a1a1a; }

@media print { .logo .theme-toggle { display: none; } }

/* ===== DARK (screen only — printing always uses the light inline styles) ===== */
@media screen {
:root[data-yr-theme="dark"] {
  --brand: #8b7bf0;
  --brand-soft: rgba(139, 123, 240, 0.14);
  --brand-deep: #c4bbff;
  --ink: #f4f4f8;
  --ink-soft: #d2d3de;
  --muted: #a3a5b8;
  --line: #2a2a36;
  --surface: #0b0b12;
  --warn: #f59e0b;
  --warn-soft: rgba(245, 158, 11, 0.12);
}
:root[data-yr-theme="dark"] body { background: #0b0b12; color: #f4f4f8; }
:root[data-yr-theme="dark"] .container { background: #16161f; }
:root[data-yr-theme="dark"] p,
:root[data-yr-theme="dark"] li,
:root[data-yr-theme="dark"] td { color: #d2d3de; }
:root[data-yr-theme="dark"] strong { color: #f4f4f8; }
:root[data-yr-theme="dark"] h1,
:root[data-yr-theme="dark"] h2,
:root[data-yr-theme="dark"] .logo-text,
:root[data-yr-theme="dark"] a,
:root[data-yr-theme="dark"] .contact-box strong { color: #a99cff; }
:root[data-yr-theme="dark"] h3 { color: #f4f4f8; }
:root[data-yr-theme="dark"] .logo-mark,
:root[data-yr-theme="dark"] th { background: #6b5be0; }
:root[data-yr-theme="dark"] .subtitle,
:root[data-yr-theme="dark"] .update-date,
:root[data-yr-theme="dark"] .summary-note,
:root[data-yr-theme="dark"] .toc-title,
:root[data-yr-theme="dark"] .footer,
:root[data-yr-theme="dark"] .footer a { color: #a3a5b8; }
:root[data-yr-theme="dark"] .update-date,
:root[data-yr-theme="dark"] .meta-row,
:root[data-yr-theme="dark"] .footer,
:root[data-yr-theme="dark"] .toc,
:root[data-yr-theme="dark"] td { border-color: #2a2a36; }
:root[data-yr-theme="dark"] tr:nth-child(even) td,
:root[data-yr-theme="dark"] tbody tr:nth-child(even) td { background: #1c1c26; }
:root[data-yr-theme="dark"] td code,
:root[data-yr-theme="dark"] .contact-box { background: #1e1e29; }

:root[data-yr-theme="dark"] .highlight-box,
:root[data-yr-theme="dark"] .summary { background: rgba(139, 123, 240, 0.12); border-color: #8b7bf0; }
:root[data-yr-theme="dark"] .highlight-box p,
:root[data-yr-theme="dark"] .summary li { color: #d9d3ff; }
:root[data-yr-theme="dark"] .note-box,
:root[data-yr-theme="dark"] .warning-box { background: rgba(245, 158, 11, 0.12); }
:root[data-yr-theme="dark"] .note-box p,
:root[data-yr-theme="dark"] .warning-box p { color: #fcd34d; }
:root[data-yr-theme="dark"] .success-box { background: rgba(16, 185, 129, 0.12); }
:root[data-yr-theme="dark"] .success-box p { color: #6ee7b7; }
:root[data-yr-theme="dark"] .badge { background: rgba(139, 123, 240, 0.18); color: #d9d3ff; }
:root[data-yr-theme="dark"] .fill { background: rgba(250, 204, 21, 0.25); color: #fde68a; }

:root[data-yr-theme="dark"] .logo .theme-toggle { background: #1e1e29; border-color: #2e2e3b; color: #d2d3de; }
:root[data-yr-theme="dark"] .logo .theme-toggle:hover { border-color: #8b7bf0; color: #fff; }
}