:root {
  --bg: #f8fafc;
  --card-bg: #ffffff;
  --text-main: #0f172a;
  --text-sub: #64748b;
  --border: #e2e8f0;
}

body.dark {
  --bg: #0f172a;
  --card-bg: #1e293b;
  --text-main: #f1f5f9;
  --text-sub: #94a3b8;
  --border: #334155;
}

body {
  background-color: var(--bg);
  color: var(--text-main);
}

.card,
.panel,
.result-box {
  background-color: var(--card-bg) !important;
  border-color: var(--border) !important;
}