:root {
  --btn-color-primary: var(--base-color);
  --btn-active: hsl(var(--base-color-hue), var(--base-color-sat), 90%);
  --btn-border: hsl(var(--base-color-hue), var(--base-color-sat), 50%);
  --btn-current: hsl(var(--base-color-hue), var(--base-color-sat), 50%);
  --btn-disabled: hsl(var(--base-color-hue), var(--base-color-sat), 90%);
  --btn-empty: hsl(var(--base-color-hue), var(--base-color-sat), 70%);
  --btn-focus: hsl(var(--base-color-hue), var(--base-color-sat), 40%);
  --btn-paginate: var(--ltr-empty);
  --btn-text: hsl(var(--base-color-hue), var(--base-color-sat), 00%);
  --btn-border-style: 1px solid var(--btn-border);
  --btn-font-weight: normal;
  --btn-default-color: var(--base-white);
  --btn-default-bg: var(--brand-accent);
  --btn-default-border: var(--btn-default-bg);
  --btn-primary-color: var(--base-white);
  --btn-primary-bg: hsl(var(--base-color-hue), var(--base-color-sat), 35%);
  --btn-primary-border: var(--btn-primary-bg);
  --btn-success-color: var(--base-white);
  --btn-success-bg: var(--brand-success);
  --btn-success-border: var(--btn-success-bg);
  --btn-info-color: var(--base-white);
  --btn-info-bg: var(--brand-info);
  --btn-info-border: var(--btn-info-bg);
  --btn-warning-color: var(--base-white);
  --btn-warning-bg: var(--brand-warning);
  --btn-warning-border: var(--btn-warning-bg);
  --btn-danger-color: var(--base-white);
  --btn-danger-bg: var(--brand-danger);
  --btn-danger-border: var(--btn-danger-bg);
  --btn-link-disabled-color: var(--gray-light);
  --btn-border-radius-base: var(--border-radius-base);
  --btn-border-radius-lg: var(--border-radius-lg);
  --btn-border-radius-sm: var(--border-radius-sm);
}