/* OneClickPDF — Design system v3 tokens
   Canonical light/dark token set. Loaded first, before style.css.
   Existing family stylesheets (brand-2026-v2.css, resources-2026.css,
   style.css .home-page/.premium-tool-page, dashboard.html) repoint
   their own tokens to these via var() rather than duplicating values. */

:root {
  --accent: #b47cff;
  --accent-deep: #7c3aed;
  --accent-deep-hover: #6b2fd8;
  --accent-soft: rgba(180, 124, 255, .16);
  --success: #72e6c1;
  --surface: #ffffff;
  --surface-2: #f7f8fb;
  --ink: #0f172a;
  --ink-muted: #667085;
  --line: #dfe3ec;
  color-scheme: light;
}

html[data-theme="dark"] {
  --surface: #0b0f1a;
  --surface-2: #12172a;
  --ink: #eef1fb;
  --ink-muted: #9aa4bd;
  --line: rgba(255, 255, 255, .12);
  --accent: #c79bff;
  --accent-deep: #7c3aed;
  --accent-deep-hover: #8b52f0;
  color-scheme: dark;
}

/* Theme toggle button */
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: transparent;
  color: var(--ink-muted);
  cursor: pointer;
  flex: none;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.theme-toggle:hover {
  color: var(--accent-deep);
  border-color: var(--accent-deep);
}

.theme-toggle svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.theme-toggle-sun { display: block; }
.theme-toggle-moon { display: none; }

html[data-theme="dark"] .theme-toggle-sun { display: none; }
html[data-theme="dark"] .theme-toggle-moon { display: block; }