:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --dsw-alias-bg-base: #0e1116;
  --dsw-alias-bg-layer-1: #171b22;
  --dsw-alias-bg-layer-2: #202630;
  --dsw-alias-label-primary: #f3f5f8;
  --dsw-alias-label-secondary: #a5adba;
  --dsw-alias-border-l1: #2d3441;
  --dsw-alias-border-l2: #3d4656;
  --dsw-alias-brand-primary: #7fa4ff;
  --dsw-alias-state-success-primary: #48c47a;
  --dsw-alias-state-warn-primary: #e6a23c;
  background: var(--dsw-alias-bg-base);
  color: var(--dsw-alias-label-primary);
}

:root[data-theme="light"] {
  color-scheme: light;
  --dsw-alias-bg-base: #f5f7fb;
  --dsw-alias-bg-layer-1: #ffffff;
  --dsw-alias-bg-layer-2: #eef1f7;
  --dsw-alias-label-primary: #151a23;
  --dsw-alias-label-secondary: #5e6878;
  --dsw-alias-border-l1: #d9dee8;
  --dsw-alias-border-l2: #bcc4d2;
  --dsw-alias-brand-primary: #3158d4;
  --dsw-alias-state-success-primary: #178a4c;
  --dsw-alias-state-warn-primary: #a56800;
}

html,
body,
#root {
  width: 100%;
  min-height: 100%;
  margin: 0;
}

body {
  background: var(--dsw-alias-bg-base);
  color: var(--dsw-alias-label-primary);
  font-family: "Segoe UI", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  overflow: auto;
}

#root {
  min-height: 100vh;
}