/* custom.css — supplements Tailwind build */

/* ── Sidebar ───────────────────────────────────────────── */
.sidebar-bg {
  background: linear-gradient(145deg, #1b7a4a 0%, #146540 50%, #0d4f32 100%);
}
.dark .sidebar-bg {
  background: linear-gradient(145deg, #135e3a 0%, #0e4c2f 50%, #093b24 100%);
}

/* ── Main content background ───────────────────────────── */
/* Light: warm neutral canvas — not too white, not too warm */
/* Dark: rich charcoal — enough contrast without being black */
.main-bg {
  background: #f7f7f5;
}
.dark .main-bg {
  background: #1a1a1a;
}

/* ── Smooth scrollbar ──────────────────────────────────── */
::-webkit-scrollbar        { width: 6px; height: 6px; }
::-webkit-scrollbar-track  { background: transparent; }
::-webkit-scrollbar-thumb  { background: #d4d4d4; border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: #a3a3a3; }
.dark ::-webkit-scrollbar-thumb { background: #404040; }
.dark ::-webkit-scrollbar-thumb:hover { background: #525252; }

/* ── Line clamp ────────────────────────────────────────── */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ── Alpine cloak ──────────────────────────────────────── */
[x-cloak] { display: none !important; }

/* ── Focus ring accessibility ──────────────────────────── */
:focus-visible {
  outline: 2px solid oklch(0.50 0.13 155);
  outline-offset: 2px;
  border-radius: 8px;
}