:root {
  --app-bg: #f8fafc;
  --app-text: #0f172a;
  --app-surface: #ffffff;
}

:root[data-theme='dark'] {
  --app-bg: #0f172a;
  --app-text: #e2e8f0;
  --app-surface: #1e293b;
}

body {
  min-height: 100vh;
  background: var(--app-bg);
  color: var(--app-text);
}

.card,
.table,
.dropdown-menu,
.navbar {
  background-color: var(--app-surface);
}

.card { border-radius: .75rem; }