/* Light theme */
:root {
  --bg: #f8fafc;      /* slate-50 */
  --text: #0f172a;    /* slate-900 */
  --panel: #ffffff;
  --border: #e2e8f0;  /* slate-200 */
}

/* Dark theme */
html.dark {
  --bg: #020617;      /* slate-950 */
  --text: #f1f5f9;    /* slate-100 */
  --panel: #0f172a;   /* slate-900 */
  --border: #1e293b;  /* slate-800 */
}

/* Global */
body {
  background: var(--bg);
  color: var(--text);
}

/* Reusable helpers */
.tr-panel {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 1.5rem;
}

.tr-border {
  border-color: var(--border);
}