/* ── LIGHT THEME ── */
:root,
[data-theme="light"] {
  --bg-page:       #f3f4f6;
  --bg-sidebar:    #ffffff;
  --bg-main:       #ffffff;
  --bg-chat:       #f9fafb;
  --bg-bubble-ai:  #ffffff;
  --bg-bubble-user:#1877f2;
  --bg-input:      #f3f4f6;
  --bg-card:       #ffffff;
  --bg-hover:      #f3f4f6;
  --bg-active:     #eff6ff;
  --bg-badge:      #eff6ff;
  --bg-danger:     #fef2f2;

  --text-primary:  #111827;
  --text-secondary:#6b7280;
  --text-muted:    #9ca3af;
  --text-user:     #ffffff;
  --text-link:     #1877f2;
  --text-active:   #1d4ed8;
  --text-badge:    #1d4ed8;
  --text-danger:   #dc2626;

  --border:        #e5e7eb;
  --border-focus:  #1877f2;
  --border-danger: #fecaca;

  --accent:        #1877f2;
  --accent-hover:  #1565c0;
  --accent-light:  #eff6ff;

  --shadow:        0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:     0 4px 12px rgba(0,0,0,0.1);

  --sidebar-width: 240px;
  --header-height: 56px;
}

/* ── DARK THEME ── */
[data-theme="dark"] {
  --bg-page:       #09090b;
  --bg-sidebar:    #111113;
  --bg-main:       #111113;
  --bg-chat:       #09090b;
  --bg-bubble-ai:  #18181b;
  --bg-bubble-user:#1d4ed8;
  --bg-input:      #18181b;
  --bg-card:       #18181b;
  --bg-hover:      #1c1c1f;
  --bg-active:     #1e2a3a;
  --bg-badge:      #1e2a3a;
  --bg-danger:     #2d1515;

  --text-primary:  #f4f4f5;
  --text-secondary:#a1a1aa;
  --text-muted:    #71717a;
  --text-user:     #ffffff;
  --text-link:     #60a5fa;
  --text-active:   #93c5fd;
  --text-badge:    #93c5fd;
  --text-danger:   #f87171;

  --border:        #27272a;
  --border-focus:  #3b82f6;
  --border-danger: #7f1d1d;

  --accent:        #2563eb;
  --accent-hover:  #1d4ed8;
  --accent-light:  #1e2a3a;

  --shadow:        0 1px 3px rgba(0,0,0,0.4);
  --shadow-md:     0 4px 12px rgba(0,0,0,0.5);

  --sidebar-width: 240px;
  --header-height: 56px;
}