/* Global theme tokens (site-wide). Amategeko uses its own --am-* tokens too. */
:root, [data-theme="light"] {
  --bg: #F8FAFC;
  --bg-card: #FFFFFF;
  --text: #0F172A;
  --muted: #64748B;
  --border: #E2E8F0;
  --primary: #0B5FFF;
  --header-bg: rgba(255,255,255,.92);
  --chip-bg: #F1F5F9;
}
[data-theme="dark"] {
  --bg: #0B1220;
  --bg-card: #111827;
  --text: #F1F5F9;
  --muted: #94A3B8;
  --border: #1E293B;
  --primary: #3B82F6;
  --header-bg: rgba(15,23,42,.94);
  --chip-bg: #1E293B;
}
html { color-scheme: light dark; }
body {
  background: var(--bg, #F8FAFC);
  color: var(--text, #0F172A);
}
[data-theme="dark"] body { background: var(--bg); color: var(--text); }
[data-theme="dark"] .ihu-top {
  background: var(--header-bg);
  border-color: var(--border);
  color: var(--text);
}
[data-theme="dark"] .card,
[data-theme="dark"] .svc-card,
[data-theme="dark"] .row-card {
  background: var(--bg-card);
  border-color: var(--border);
  color: var(--text);
}
[data-theme="dark"] .text-muted { color: var(--muted) !important; }
[data-theme="dark"] .ihu-bottom {
  background: #0F172A;
  border-color: #1E293B;
}
[data-theme="dark"] .ihu-bottom a { color: #94A3B8; }
[data-theme="dark"] .ihu-bottom a.active { color: #60A5FA; }
[data-theme="dark"] .form-control,
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: #0F172A;
  color: var(--text);
  border-color: #334155;
}
[data-theme="dark"] .btn-secondary {
  background: #1E293B;
  color: #E2E8F0;
  border-color: #334155;
}
[data-theme-toggle] .ico-moon { display: none; }
[data-theme="dark"] [data-theme-toggle] .ico-sun { display: none; }
[data-theme="dark"] [data-theme-toggle] .ico-moon { display: block; }
.am-theme-btn, [data-theme-toggle] {
  margin-left: auto;
  width: 40px; height: 40px; border-radius: 50%;
  border: 1px solid var(--border, #E2E8F0);
  background: var(--chip-bg, #F1F5F9);
  color: var(--text, #0F172A);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
}