:root {
  --page-bg:#fdfcf9;
  --panel:#ffffff;
  --panel2:#f5f4f1;
  --text:#1c1c1c;
  --muted:#6b6b6b;
  --accent:#3c3b6e;
  --primary:#b22234;
  --card-border:1px solid rgba(28,28,28,.08);
}

body {
  background:var(--page-bg);
  color:var(--text);
  transition:background .2s ease,color .2s ease;
}

.theme-dark {
  --page-bg:#0f0f10;
  --panel:#141824;
  --panel2:#1f2233;
  --text:#eef1ff;
  --muted:#9aa4c1;
  --accent:#6ea8fe;
  --primary:#b22234;
  --card-border:1px solid rgba(255,255,255,.08);
}

.theme-toggle {
  border:none;
  background:rgba(255,255,255,.1);
  color:var(--text);
  border-radius:14px;
  padding:4px 10px;
  font-size:13px;
  cursor:pointer;
  transition:background .2s ease;
}

.theme-toggle:hover {
  background:rgba(255,255,255,.22);
}