/* Light, minty design with emerald accents */
:root{
  --mint-50: #f0f7ff;
  --mint-100: #e8f1ff;
  --mint-200: #dceaff;
  --mint-300: #cfe2ff;
  --mint-400: #bed9ff;
  --emerald-500: #3b82f6;
  --emerald-600: #2563eb;
  --emerald-700: #1d4ed8;
  --text: #0e1b2a;
  --muted: #5a6b82;
  --border: #c6d7f7;
}
body{ color: var(--text); }
.bg-mint{ min-height:100vh; background: radial-gradient(900px 600px at -10% -20%, rgba(37, 99, 235, 0.12), transparent), radial-gradient(900px 500px at 120% 10%, rgba(56, 189, 248, 0.12), transparent), linear-gradient(180deg, var(--mint-50) 0%, #fff 100%); }
.glassy{ background: rgba(255,255,255,0.7); border: 1px solid var(--border); backdrop-filter: blur(6px); border-radius: 16px; }
.hover-lift{ transition: transform .2s ease, box-shadow .2s ease; border:1px solid var(--border); }
.hover-lift:hover{ transform: translateY(-3px); box-shadow: 0 10px 25px rgba(16,185,129,0.15); }
.navbar.glassy{ border-radius: 0; }
.text-emerald{ color: var(--emerald-600) !important; }
.link-emerald{ color: var(--emerald-600); }
.link-emerald:hover{ color: var(--emerald-700); }
.btn-emerald{ background: linear-gradient(90deg, #60a5fa, #3b82f6); border: none; color: white; }
.btn-outline-emerald{ border-color: var(--emerald-500); color: var(--emerald-600); }
.btn-outline-emerald:hover{ background: var(--emerald-500); color: white; }
.bg-toast{ background: #eafff4; border:1px solid var(--border); }
.mint-progress{ height: 12px; background: var(--mint-100); border: 1px solid var(--border); border-radius: 999px; }
.mint-progress .progress-bar{ background: linear-gradient(90deg, #93c5fd, #3b82f6); color:#102a56; font-weight:600; }
.kanban-column{ background: #f8fffb; border:1px dashed var(--border); border-radius: 14px; padding: 8px; }
.kanban-header{ font-weight: 600; color: var(--muted); padding: 6px 8px; border-bottom:1px dashed var(--border); margin-bottom:6px; }
.kanban-list{ min-height: 200px; padding: 6px; }
.task-card{ border:1px solid var(--border); }
.list-group-item{ border-color: var(--border); }
.card{ background: #fff; border:1px solid var(--border); border-radius: 14px; }
.text-secondary{ color: var(--muted) !important; }
.text-muted{ color: #8aa69a !important; }
.badge.text-bg-light{ background: var(--mint-100) !important; }

/* ================= Dark Theme ================= */
:root[data-theme="dark"]{
  --mint-50: #f0f7ff;
  --mint-100: #e8f1ff;
  --mint-200: #dceaff;
  --mint-300: #cfe2ff;
  --mint-400: #bed9ff;
  --emerald-500: #3b82f6;
  --emerald-600: #2563eb;
  --emerald-700: #1d4ed8;
  --text: #0e1b2a;
  --muted: #5a6b82;
  --border: #c6d7f7;
}
:root[data-theme="dark"] body{ color: var(--text); }
:root[data-theme="dark"] .bg-mint{
  background: radial-gradient(900px 600px at -10% -20%, rgba(16,185,129,0.18), transparent),
              radial-gradient(900px 500px at 120% 10%, rgba(79,209,197,0.18), transparent),
              linear-gradient(180deg, #0b1411 0%, #0e1a17 100%);
}
:root[data-theme="dark"] .glassy{ background: rgba(14, 26, 23, 0.7); border-color: var(--border); }
:root[data-theme="dark"] .card{ background: #0f221c; border-color: var(--border); }
:root[data-theme="dark"] .list-group-item{ background: #0f221c; color: var(--text); }
:root[data-theme="dark"] .kanban-column{ background: #0f221c; border-color: var(--border); }
:root[data-theme="dark"] .badge.text-bg-light{ background: #133127 !important; color: var(--text); }
:root[data-theme="dark"] .text-secondary{ color: var(--muted) !important; }
:root[data-theme="dark"] .navbar.glassy{ background: rgba(9,16,14,0.75); border-color: var(--border); }