/* ── Admin Portal — Shared Theme Tokens ─────────────────────────── */

/* Dark theme (default) */
:root {
  --bg: #1A1A1A;
  --bg2: #222;
  --bg3: #2A2A2A;
  --bg4: #333;

  --text: #fff;
  --text2: #CCC;
  --text-mid: #888;
  --text-dim: #555;

  --gold: #C9A96E;
  --gold-light: #E8D5B0;
  --gold-dim: rgba(201,169,110,0.15);

  --border: rgba(255,255,255,0.06);
  --border2: rgba(255,255,255,0.10);
  --border3: rgba(255,255,255,0.15);

  --hover: rgba(255,255,255,0.04);
  --input-bg: rgba(255,255,255,0.05);
  --input-border: rgba(255,255,255,0.10);

  --red: #dc2626;
  --green: #16a34a;
  --amber: #d97706;

  --overlay: rgba(0,0,0,0.5);
  --footer-bg: #111;
  --footer-border: #222;
  --footer-text: #444;
}

/* Light theme */
html[data-theme="light"] {
  --bg: #F7F4EF;
  --bg2: #fff;
  --bg3: #f0ece4;
  --bg4: #e8e3da;

  --text: #1A1A1A;
  --text2: #333;
  --text-mid: #666;
  --text-dim: #999;

  --gold-light: #B8944F;
  --gold-dim: rgba(201,169,110,0.10);

  --border: rgba(0,0,0,0.08);
  --border2: rgba(0,0,0,0.12);
  --border3: rgba(0,0,0,0.15);

  --hover: rgba(0,0,0,0.04);
  --input-bg: rgba(0,0,0,0.04);
  --input-border: rgba(0,0,0,0.12);

  --overlay: rgba(0,0,0,0.4);
  --footer-bg: #f0ece4;
  --footer-border: #e0dbd2;
  --footer-text: #999;
}

/* ── Theme toggle button ────────────────────────────────────────── */
.theme-btn {
  background: none;
  border: 1px solid var(--border3);
  color: var(--text-mid);
  padding: 0.35rem;
  border-radius: 6px;
  cursor: pointer;
  transition: color 0.2s, border-color 0.2s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.theme-btn:hover {
  color: var(--text);
  border-color: var(--gold);
}
.theme-btn .icon-sun,
.theme-btn .icon-moon { display: none; }

.theme-btn-float {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 100;
}