/* =====================================================
   LIGHT THEME — warm, clean, professional
===================================================== */
:root {
  --bg: #f7f8fa;
  --card: #ffffff;
  --text: #0f172a;
  --muted: #64748b;

  --border: rgba(15, 23, 42, 0.08);

  --primary: #6366f1;      /* Indigo */
  --primary-hover: #4f46e5;

  --success: #10b981;
  --danger: #ef4444;
}

/* =====================================================
   DARK THEME — deep, elegant, readable
===================================================== */
:root[data-theme="dark"] {
  --bg: #0b1020;
  --card: #11162a;
  --text: #e5e7eb;
  --muted: #9ca3af;

  --border: rgba(255, 255, 255, 0.08);

  --primary: #818cf8;
  --primary-hover: #6366f1;

  --success: #34d399;
  --danger: #f87171;
}