:root{
  --sidebar-hover:#24c27b;
  --body-bg:#fff;
  --text-color:#000;
  --link-color:#000;
  --table-bg:#fff;
  --table-alt-bg:#f0f0f0;
  --table-border:#ccc;
  --form-bg:#fff;
  --radius:10px;
  --gap:1rem;
  --shadow-sm:0 1px 2px rgba(0,0,0,.06);
  --shadow-md:0 8px 24px rgba(0,0,0,.08);
  --focus:0 0 0 3px rgba(36,194,123,.35);
}

@media (prefers-color-scheme: dark){
  :root{
    --body-bg:#0f1115;
    --text-color:#eaecef;
    --table-bg:#151821;
    --table-alt-bg:#10131b;
    --table-border:#2a2f3a;
  }
}