/* Theme: mono-slate-light-v1 (neutral light, high legibility) */
:root {
  --bg-0: #fafafa;   /* neutral near-white */
  --bg-1: #f4f4f5;   /* neutral light gray */
  --acc-0: #111827;  /* almost black for accents */
  --acc-1: #374151;  /* gray 700 */
  --txt-0: #0b1220;  /* very dark neutral for maximum contrast */
  --txt-1: #374151;  /* gray 700 */
  --muted: #6b7280;  /* gray 500 */
  --card: #ffffff;
  --border: #e5e7eb; /* gray 200 */
  --shadow: 0 6px 18px rgba(0,0,0,0.06);
}
html, body {
  background: linear-gradient(180deg, var(--bg-0), var(--bg-1));
  color: var(--txt-0);
}
a { color: var(--acc-1); text-decoration: underline; }
a:hover { color: var(--acc-0); }
button, .btn, [class*="btn-"] {
  background: linear-gradient(180deg, #f3f4f6, #e5e7eb);
  color: var(--acc-0) !important;
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: var(--shadow);
}
button:hover, .btn:hover, [class*="btn-"]:hover {
  filter: brightness(1.02);
  transform: translateY(-1px);
}
.card, [class*="card"] {
  background: var(--card);
  border: 1px solid var(--border);
  box-shadow: 0 4px 14px rgba(0,0,0,0.04);
}
h1, h2, h3, h4, h5, h6 { color: var(--txt-0); letter-spacing: 0.15px; }
.badge, [class*="badge"] {
  background: #e5e7eb;
  color: #111827;
  border: 1px solid #d1d5db;
}