/* Light theme override for Timbrature app */
:root{
  --bg: #f8fafc;
  --panel: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --border: #e5e7eb;
  --primary: #0d6efd;
}
html, body { background: var(--bg); color: var(--text); }
a { color: var(--primary); }

/* Layout / nav */
.navbar, .topbar, .navbar-dark, .bg-dark {
  background-color: var(--panel) !important;
  color: var(--text) !important;
  border-bottom: 1px solid var(--border);
}
.navbar .navbar-brand, .navbar .nav-link,
.navbar-dark .navbar-brand, .navbar-dark .nav-link { color: var(--text) !important; }

.sidebar {
  background: var(--panel); color: var(--text);
  border-right: 1px solid var(--border);
}
.sidebar .nav-link { color:#1f2937; border-radius:.5rem; }
.sidebar .nav-link:hover { background:#f3f4f6; color:#111827; }
.sidebar .nav-link.active { background:#e7f1ff; color:#084298; }
.content { background: var(--bg); color: var(--text); }

/* Cards and tables */
.card { background: var(--panel); border:1px solid var(--border); color:var(--text); }
.table { color:var(--text); background: var(--panel); }
.table-dark {
  --bs-table-color: var(--text);
  --bs-table-bg: var(--panel);
  --bs-table-striped-bg: #f9fafb;
  --bs-table-striped-color: var(--text);
  --bs-table-hover-bg: #f1f5f9;
  --bs-table-hover-color: var(--text);
  color: var(--bs-table-color);
  background-color: var(--bs-table-bg);
  border-color: var(--border);
}
.table-dark th, .table-dark td { border-color: var(--border) !important; background: transparent; color: inherit; }
.table thead th { background:#f3f4f6; }

/* Buttons */
.btn-outline-light { color:#212529; border-color:#212529; }
.btn-outline-light:hover { background:#212529; color:#fff; }

/* Forms */
.form-control, .form-select { background:#fff; color: var(--text); border-color: var(--border); }
.form-control:focus, .form-select:focus { border-color:#93c5fd; box-shadow: 0 0 0 .2rem rgba(13,110,253,.15); }

/* Footer */
.site-footer { border-top:1px solid var(--border); color:var(--muted); background: var(--panel); }