/* Base styles (needs Bootstrap 5 + tokens.css loaded first) */
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: var(--brand-body-bg);
  color: var(--brand-text);
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6 { color: var(--brand-heading); font-weight: 700; letter-spacing: -0.01em; }
a { color: var(--brand-primary); text-decoration: none; }
a:hover { color: var(--brand-primary-900); }

.form-control, .form-select {
  border: 1px solid var(--brand-border);
  border-radius: var(--brand-radius-sm);
  font-size: 0.875rem;
}
html.theme-dark .form-control,
html.theme-dark .form-select { background-color: var(--brand-card-bg); color: var(--brand-text); }
html.theme-dark .btn-close { filter: invert(1) brightness(2); }

.sidebar-overlay { display: none; }
.avatar {
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%; font-weight: 600; font-size: 0.8rem; color: #fff;
}