:root{
  color-scheme:light;
  --bg:#f6f7f4;
  --surface:#ffffff;
  --surface2:#eef0ec;
  --text:#171817;
  --muted:#626660;
  --border:#daddd6;
  --accent:#3dbb32;
  --danger:#c53a3a;
  --focus:#2678ff;
  --shadow:0 18px 55px rgba(18,20,18,.08)
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#101112;
  --surface:#171918;
  --surface2:#202321;
  --text:#f3f5f1;
  --muted:#a4aaa1;
  --border:#30342f;
  --accent:#79f26a;
  --danger:#ff7c7c;
  --focus:#73a7ff;
  --shadow:0 18px 55px rgba(0,0,0,.28)
}