.brackets-viewer {
  /* Colors */
  --primary-background: var(--bs-body-bg);
  --secondary-background: var(--bs-secondary-bg);
  --match-background: var(--primary-background);
  --font-color: var(--bs-body-color);
  --win-color: var(--bs-success-text-emphasis);
  --loss-color: var(--bs-danger-text-emphasis);
  /* --label-color: ; */
  --hint-color: var(--bs-secondary-color);
  --connector-color: var(--bs-secondary-color);
  --border-color: var(--bs-secondary-color);
  --border-hover-color: var(--bs-tertiary-color);

  /* Sizes */
  --text-size: 14px;
  --round-margin: 60px;
  --match-width: 150px;
  --match-horizontal-padding: 6px;
  --match-vertical-padding: 4px;
  --connector-border-width: 2px;
  --match-border-width: 1px;
  --match-border-radius: 0.3em;
}