:root{
  --sage:#93b49b;
  --slate:#2f3942;
  --soft:#f7f8fa;
}
body{ background: var(--soft); }
.card{ border-radius: 1rem; }
.nb-hero{ background: linear-gradient(135deg, rgba(147,180,155,.25), rgba(47,57,66,.10)); border:1px solid rgba(47,57,66,.10); }
.theme-night body{}
.theme-night{ background:#0b0f12 !important; color:#e7eaee; }
.theme-night .navbar{ background:#000 !important; }
.theme-night .card{ background:#12181d; color:#e7eaee; border-color:#1e2a31; }
.theme-night a{ color:#b7e3c1; }
.badge-sage{ background: var(--sage); color: #0b0f12; }
.kpi{ font-size: 2rem; font-weight: 700; }

/* Swipe cards (Gamified Shift Swap) */
.swipe-wrap{ position:relative; height:280px; }
.swipe-card{ position:absolute; inset:0; background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:16px; padding:16px; box-shadow:0 10px 30px rgba(0,0,0,.08); touch-action:none; }
.swipe-card .meta{ color:#6c757d; font-size:.9rem; }
.swipe-actions{ display:flex; gap:10px; }
.swipe-actions .btn{ flex:1; }
.swipe-hint{ font-size:.85rem; color:#6c757d; }