/* Tema do site: Drácula (escuro) e Alucard (claro).
   Use as variáveis: --bg --card --surface2 --line --text --muted
   e as cores --purple --pink --cyan --green --orange --red --yellow --on-accent */
:root, [data-theme="dark"] {
  --bg: #282a36;
  --card: #2f3241;
  --surface2: #383a4a;
  --line: #44475a;
  --text: #f8f8f2;
  --muted: #a4a9c4;
  --purple: #bd93f9;
  --pink: #ff79c6;
  --cyan: #8be9fd;
  --green: #50fa7b;
  --orange: #ffb86c;
  --red: #ff5555;
  --yellow: #f1fa8c;
  --on-accent: #282a36;
  --shadow: 0 18px 40px rgba(0, 0, 0, .35);
  color-scheme: dark;
}
[data-theme="light"] {
  --bg: #f6f5ef;
  --card: #ffffff;
  --surface2: #f1eff8;
  --line: #ddd9ea;
  --text: #1f1f2b;
  --muted: #5f5d72;
  --purple: #644ac9;
  --pink: #a3144d;
  --cyan: #036a96;
  --green: #14710a;
  --orange: #a34d14;
  --red: #cb3a2a;
  --yellow: #846e15;
  --on-accent: #ffffff;
  --shadow: 0 18px 40px rgba(40, 30, 80, .10);
  color-scheme: light;
}
html { transition: background-color .2s; }
body { background: var(--bg); color: var(--text); }

#if-tema {
  position: fixed; top: 14px; right: 14px; z-index: 9000;
  width: 40px; height: 40px; border-radius: 50%;
  border: 1px solid var(--line); background: var(--card); color: var(--text);
  font-size: 18px; cursor: pointer; box-shadow: var(--shadow);
  display: flex; align-items: center; justify-content: center;
}
#if-tema:hover { border-color: var(--purple); }
@media print { #if-tema { display: none; } }

/* Dentro do hub: esconde o "voltar ao hub" (a barra do hub já fica visível) */
[data-embed] .voltar-hub { display: none !important; }