/* ==========================================================
   Sana AI LAB — Global Dark Theme
   ========================================================== */
:root{
  --bg:#0b0c10;
  --panel:#0f1319;
  --ink:#e7edf2;
  --muted:#a9b4c0;
  --border:rgba(255,255,255,.08);
  --brand:#38bdf8;     /* cyan accent */
  --accent:#16a34a;    /* success green */
}

/* Base */
html, body { background: var(--bg); color: var(--ink); }
a { color: var(--brand); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Navbar */
.navbar { background: #0a0d12 !important; border-bottom: 1px solid var(--border) !important; }
.navbar .navbar-brand, .navbar .nav-link { color: var(--ink) !important; }
.navbar .nav-link:hover { color: var(--brand) !important; }
.dropdown-menu-dark { --bs-dropdown-bg: #0f1520; --bs-dropdown-link-color: var(--ink); --bs-dropdown-link-hover-bg: rgba(255,255,255,.06); }

/* Cards (Prompt Library & general) */
.card {
  background: var(--panel) !important;
  color: var(--ink);
  border: 1px solid var(--border);
  border-radius: .75rem;
  box-shadow: 0 6px 20px rgba(0,0,0,.18);
}
.card .card-title { color: var(--ink); }
.card .text-muted { color: var(--muted) !important; }
.card-img-top { object-fit: cover; }

/* Buttons */
.btn-success { background-color: var(--accent); border-color: var(--accent); }
.btn-success:hover { filter: brightness(1.08); }
.btn-outline-secondary { color: var(--ink); border-color: var(--border); }
.btn-outline-secondary:hover { background: rgba(255,255,255,.06); color: var(--ink); }
.btn-outline-light { border-color: var(--border); }
.btn-outline-light:hover { background: rgba(255,255,255,.06); }

/* Pagination */
.pagination .page-link {
  background: var(--panel);
  color: var(--ink);
  border-color: var(--border);
}
.pagination .page-item.active .page-link {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
.pagination .page-link:hover { background: rgba(255,255,255,.06); color: var(--brand); }

/* Utilities / overrides */
.bg-light { background: #0f1520 !important; }
.border { border-color: var(--border) !important; }
.text-muted { color: var(--muted) !important; }
.ad-slot { background: #0e1420; color: var(--muted); }

/* Prompt card grid helpers */
.prompt-card .ratio { background:#0d1117; }

/* Forms */
.form-control, .form-select {
  background-color: #0f1520;
  color: var(--ink);
  border: 1px solid var(--border);
}
.form-control:focus, .form-select:focus {
  background-color: #0f1520;
  color: var(--ink);
  border-color: #1f2a38;
  box-shadow: 0 0 0 .2rem rgba(56,189,248,.15);
}
.btn-outline-light { color: var(--ink); }

/* Footer */
footer.bg-dark { border-top: 1px solid var(--border) !important; }