[data-background-color="light"]{
  --bg:#f3f4f8;
  --bg-soft:#eef0f6;
  --panel:#ffffff;
  --panel-soft:#f8f9fd;
  --panel-border:#e6e9f2;
  --text:#1f2430;
  --muted:#75809a;
  --card-bg:#ffffff;
  --card-text:#1f2430;
  --card-muted:#5f6b85;
  --card-note:#34405c;
  --shadow-sm:0 6px 14px rgba(39,52,89,.07);
  --shadow:0 14px 34px rgba(39,52,89,.11);
  --frame-bg:#ffffff;
  --frame-border:#dfe5f1;
  --frame-shadow:0 8px 22px rgba(39,52,89,.06);
}
[data-background-color="light"] body{
  background:var(--bg);
}