/**
 * JUQOR — Design Tokens
 * Tema escuro (padrão) + tema claro
 */

:root, [data-theme="dark"] {
  /* ── Backgrounds ── */
  --bg0: #04060c;
  --bg1: #0a0e18;
  --bg2: #0f1320;
  --bg3: #151a2e;
  --card: #111827;
  --card-hover: #1a2235;
  --surface: #1e2640;

  /* ── Borders ── */
  --b1: #1e293b;
  --b2: #2d3a52;
  --b3: #3b4a6b;

  /* ── Accent ── */
  --a: #06d6a0;
  --a2: #06d6a044;
  --a3: #06d6a018;
  --a4: #06d6a00a;

  /* ── Gold ── */
  --gold: #f4c542;
  --gold2: #f4c54233;

  /* ── Status ── */
  --green: #10b981;
  --green-d: #10b98130;
  --red: #ef4444;
  --red-d: #ef444430;
  --blue: #3b82f6;
  --blue-d: #3b82f630;
  --orange: #f59e0b;
  --orange-d: #f59e0b30;
  --purple: #8b5cf6;
  --purple-d: #8b5cf630;

  /* ── Crypto ── */
  --sol: #9945FF;
  --sol-d: #9945FF30;
  --usdt: #26a17b;
  --usdt-d: #26a17b30;
  --usdc: #2775ca;
  --usdc-d: #2775ca30;

  /* ── Text ── */
  --t0: #f1f5f9;
  --t1: #cbd5e1;
  --t2: #64748b;
  --t3: #475569;
  --t4: #334155;

  /* ── Fonts ── */
  --fh: 'Inter', sans-serif;
  --fm: 'Inter', sans-serif;

  /* ── Radius ── */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-full: 50%;

  /* ── Shadows ── */
  --shadow-glow: 0 0 24px var(--a3);
  --shadow-card: 0 4px 20px rgba(0,0,0,.3);
  --shadow-btn: 0 4px 20px var(--a2);

  /* ── Transitions ── */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Msg bubbles ── */
  --msg-mine-bg: linear-gradient(135deg, rgba(6,214,160,.8), rgba(4,184,144,.73));
  --msg-mine-text: #04060c;
  --msg-other-bg: var(--card);
  --msg-other-border: var(--b1);
}

/* ══════════════════════════════════════
   TEMA CLARO
   ══════════════════════════════════════ */
[data-theme="light"] {
  --bg0: #f8fafc;
  --bg1: #f1f5f9;
  --bg2: #e2e8f0;
  --bg3: #cbd5e1;
  --card: #ffffff;
  --card-hover: #f8fafc;
  --surface: #e2e8f0;

  --b1: #e2e8f0;
  --b2: #cbd5e1;
  --b3: #94a3b8;

  --a: #059669;
  --a2: #05966944;
  --a3: #05966918;
  --a4: #0596690a;

  --t0: #0f172a;
  --t1: #1e293b;
  --t2: #475569;
  --t3: #94a3b8;
  --t4: #cbd5e1;

  --green-d: #d1fae5;
  --red-d: #fee2e2;
  --blue-d: #dbeafe;
  --orange-d: #fef3c7;
  --purple-d: #ede9fe;
  --sol-d: #ede9fe;
  --usdt-d: #d1fae5;
  --usdc-d: #dbeafe;

  --shadow-glow: 0 0 24px rgba(5,150,105,.1);
  --shadow-card: 0 4px 20px rgba(0,0,0,.08);
  --shadow-btn: 0 4px 20px rgba(5,150,105,.2);

  --msg-mine-bg: linear-gradient(135deg, #059669, #047857);
  --msg-mine-text: #ffffff;
  --msg-other-bg: #ffffff;
  --msg-other-border: #e2e8f0;
}

/* Ajustes de glass pra tema claro */
[data-theme="light"] .glass {
  background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(241,245,249,.8));
  border-color: var(--b1);
}
[data-theme="light"] .landing-orb.a { background: radial-gradient(circle, rgba(5,150,105,.08), transparent); }
[data-theme="light"] .landing-orb.b { background: radial-gradient(circle, rgba(139,92,246,.06), transparent); }
[data-theme="light"] .landing-pattern { opacity: .08; }
[data-theme="light"] .logo-icon { box-shadow: 0 12px 48px rgba(5,150,105,.15); }
[data-theme="light"] .msg.mine .msg-bubble { background: var(--msg-mine-bg); }
[data-theme="light"] .msg.mine .msg-text { color: var(--msg-mine-text); }
[data-theme="light"] .msg.mine .msg-time { color: rgba(255,255,255,.6); }
[data-theme="light"] .sidebar-avatar { background: linear-gradient(135deg, var(--a3), var(--purple-d)); }
[data-theme="light"] .e2e-banner { background: linear-gradient(90deg, rgba(5,150,105,.03), rgba(5,150,105,.08), rgba(5,150,105,.03)); }

/* ══════════════════════════════════════
   TOGGLE BUTTON
   ══════════════════════════════════════ */
.theme-toggle {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: var(--bg3);
  border: 1px solid var(--b1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .2s;
}
.theme-toggle:hover {
  border-color: var(--b3);
  background: var(--surface);
}