:root {
  --td-brand-color: #0052d9;
  --td-brand-color-hover: #366ef4;
  --td-brand-color-focus: #d9e1ff;
  --td-brand-color-active: #003cab;
  --td-brand-color-disabled: #b5c7ff;
  --td-brand-color-light: #f2f3ff;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

t-button,
t-input,
t-select,
t-table,
t-dialog,
t-form,
t-card,
t-tag,
t-switch,
t-badge,
t-loading,
t-tooltip,
t-dropdown-menu,
t-pagination,
t-message {
  --td-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
}

t-button + t-button {
  margin-left: 8px;
}

.tdesign-demo {
  padding: 16px;
  background: #fff;
  border: 1px solid var(--td-border-level-1-color);
  border-radius: var(--td-radius-medium);
  margin-bottom: 16px;
}