#root {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem;
  text-align: center;
}

[data-theme="light"] .button {
  --color-primary: #0070f3;
  --color-secondary: #fafafa;
  --color-error: #ff3860;
  --color-disabled: #eaeaea;
}

[data-theme="dark"] .button {
  --color-primary: #1a73e8;
  --color-secondary: #202124;
  --color-error: #d93025;
  --color-disabled: #5f6368;
}

.my-class-for-extend {
  --primary: #0070f3;
  --primary-hover: #0055cc;
  --primary-contrast: #fff;
  --primary-transparent: #0070f31a;
}

.button {
  margin: 8px;
}