:root, .oj-c-colorscheme-light {
  --oj-c-base-button-variants-outlined-base-background-color: transparent;
  --oj-c-base-button-variants-outlined-base-border-color: var(--oj-c-border-enabled);
  --oj-c-base-button-variants-outlined-base-color: var(--oj-c-text-icon-primary);
  --oj-c-base-button-variants-outlined-disabled-background-color: transparent;
  --oj-c-base-button-variants-outlined-disabled-border-color: var(--oj-c-border-disabled);
  --oj-c-base-button-variants-outlined-disabled-color: var(--oj-c-text-icon-disabled);
  --oj-c-base-button-variants-outlined-hover-background-overlay-color: var(--oj-c-overlay-hover);
  --oj-c-base-button-variants-outlined-active-background-overlay-color: var(--oj-c-overlay-active);
  --oj-c-base-button-variants-call-to-action-base-background-color: rgb(var(--oj-c-palette-neutral-170));
  --oj-c-base-button-variants-call-to-action-base-border-color: transparent;
  --oj-c-base-button-variants-call-to-action-base-color: var(--oj-c-text-icon-inverse);
  --oj-c-base-button-variants-call-to-action-disabled-background-color: var(--oj-c-surface-disabled);
  --oj-c-base-button-variants-call-to-action-disabled-border-color: transparent;
  --oj-c-base-button-variants-call-to-action-disabled-color: var(--oj-c-text-icon-disabled);
  --oj-c-base-button-variants-call-to-action-hover-background-overlay-color: var(--oj-c-overlay-inverse-hover);
  --oj-c-base-button-variants-call-to-action-active-background-overlay-color: var(--oj-c-overlay-inverse-active);
  --oj-c-base-button-variants-borderless-base-background-color: transparent;
  --oj-c-base-button-variants-borderless-base-border-color: transparent;
  --oj-c-base-button-variants-borderless-base-color: var(--oj-c-text-icon-primary);
  --oj-c-base-button-variants-borderless-disabled-background-color: transparent;
  --oj-c-base-button-variants-borderless-disabled-border-color: transparent;
  --oj-c-base-button-variants-borderless-disabled-color: var(--oj-c-text-icon-disabled);
  --oj-c-base-button-variants-borderless-hover-background-overlay-color: var(--oj-c-overlay-hover);
  --oj-c-base-button-variants-borderless-active-background-overlay-color: var(--oj-c-overlay-active);
  --oj-c-base-button-variants-ghost-base-background-color: transparent;
  --oj-c-base-button-variants-ghost-base-border-color: transparent;
  --oj-c-base-button-variants-ghost-base-color: var(--oj-c-text-icon-primary);
  --oj-c-base-button-variants-ghost-disabled-background-color: transparent;
  --oj-c-base-button-variants-ghost-disabled-border-color: transparent;
  --oj-c-base-button-variants-ghost-disabled-color: var(--oj-c-text-icon-disabled);
  --oj-c-base-button-variants-ghost-hover-background-overlay-color: transparent;
  --oj-c-base-button-variants-ghost-active-background-overlay-color: transparent;
  --oj-c-base-button-variants-solid-base-background-color: rgba(var(--oj-c-palette-neutral-190), 0.08);
  --oj-c-base-button-variants-solid-base-border-color: transparent;
  --oj-c-base-button-variants-solid-base-color: var(--oj-c-text-icon-primary);
  --oj-c-base-button-variants-solid-disabled-background-color: var(--oj-c-surface-disabled);
  --oj-c-base-button-variants-solid-disabled-border-color: transparent;
  --oj-c-base-button-variants-solid-disabled-color: var(--oj-c-text-icon-disabled);
  --oj-c-base-button-variants-solid-hover-background-overlay-color: var(--oj-c-overlay-hover);
  --oj-c-base-button-variants-solid-active-background-overlay-color: var(--oj-c-overlay-active);
  --oj-c-base-button-variants-danger-base-background-color: var(--oj-c-surface-danger-strong);
  --oj-c-base-button-variants-danger-base-border-color: transparent;
  --oj-c-base-button-variants-danger-base-color: var(--oj-c-text-icon-on-color);
  --oj-c-base-button-variants-danger-disabled-background-color: var(--oj-c-surface-disabled);
  --oj-c-base-button-variants-danger-disabled-border-color: transparent;
  --oj-c-base-button-variants-danger-disabled-color: var(--oj-c-text-icon-disabled);
  --oj-c-base-button-variants-danger-hover-background-overlay-color: var(--oj-c-overlay-danger-hover);
  --oj-c-base-button-variants-danger-active-background-overlay-color: var(--oj-c-overlay-danger-active);
}
.oj-c-colorscheme-dark, .oj-color-invert {
  --oj-c-base-button-variants-outlined-base-background-color: transparent;
  --oj-c-base-button-variants-outlined-base-border-color: var(--oj-c-border-enabled);
  --oj-c-base-button-variants-outlined-base-color: var(--oj-c-text-icon-primary);
  --oj-c-base-button-variants-outlined-disabled-background-color: transparent;
  --oj-c-base-button-variants-outlined-disabled-border-color: var(--oj-c-border-disabled);
  --oj-c-base-button-variants-outlined-disabled-color: var(--oj-c-text-icon-disabled);
  --oj-c-base-button-variants-outlined-hover-background-overlay-color: var(--oj-c-overlay-hover);
  --oj-c-base-button-variants-outlined-active-background-overlay-color: var(--oj-c-overlay-active);
  --oj-c-base-button-variants-call-to-action-base-background-color: rgb(var(--oj-c-palette-neutral-200));
  --oj-c-base-button-variants-call-to-action-base-border-color: transparent;
  --oj-c-base-button-variants-call-to-action-base-color: var(--oj-c-text-icon-inverse);
  --oj-c-base-button-variants-call-to-action-disabled-background-color: var(--oj-c-surface-disabled);
  --oj-c-base-button-variants-call-to-action-disabled-border-color: transparent;
  --oj-c-base-button-variants-call-to-action-disabled-color: var(--oj-c-text-icon-disabled);
  --oj-c-base-button-variants-call-to-action-hover-background-overlay-color: var(--oj-c-overlay-inverse-hover);
  --oj-c-base-button-variants-call-to-action-active-background-overlay-color: var(--oj-c-overlay-inverse-active);
  --oj-c-base-button-variants-borderless-base-background-color: transparent;
  --oj-c-base-button-variants-borderless-base-border-color: transparent;
  --oj-c-base-button-variants-borderless-base-color: var(--oj-c-text-icon-primary);
  --oj-c-base-button-variants-borderless-disabled-background-color: transparent;
  --oj-c-base-button-variants-borderless-disabled-border-color: transparent;
  --oj-c-base-button-variants-borderless-disabled-color: var(--oj-c-text-icon-disabled);
  --oj-c-base-button-variants-borderless-hover-background-overlay-color: var(--oj-c-overlay-hover);
  --oj-c-base-button-variants-borderless-active-background-overlay-color: var(--oj-c-overlay-active);
  --oj-c-base-button-variants-ghost-base-background-color: transparent;
  --oj-c-base-button-variants-ghost-base-border-color: transparent;
  --oj-c-base-button-variants-ghost-base-color: var(--oj-c-text-icon-primary);
  --oj-c-base-button-variants-ghost-disabled-background-color: transparent;
  --oj-c-base-button-variants-ghost-disabled-border-color: transparent;
  --oj-c-base-button-variants-ghost-disabled-color: var(--oj-c-text-icon-disabled);
  --oj-c-base-button-variants-ghost-hover-background-overlay-color: transparent;
  --oj-c-base-button-variants-ghost-active-background-overlay-color: transparent;
  --oj-c-base-button-variants-solid-base-background-color: rgba(var(--oj-c-palette-neutral-190), 0.08);
  --oj-c-base-button-variants-solid-base-border-color: transparent;
  --oj-c-base-button-variants-solid-base-color: var(--oj-c-text-icon-primary);
  --oj-c-base-button-variants-solid-disabled-background-color: var(--oj-c-surface-disabled);
  --oj-c-base-button-variants-solid-disabled-border-color: transparent;
  --oj-c-base-button-variants-solid-disabled-color: var(--oj-c-text-icon-disabled);
  --oj-c-base-button-variants-solid-hover-background-overlay-color: var(--oj-c-overlay-hover);
  --oj-c-base-button-variants-solid-active-background-overlay-color: var(--oj-c-overlay-active);
  --oj-c-base-button-variants-danger-base-background-color: var(--oj-c-surface-danger-strong);
  --oj-c-base-button-variants-danger-base-border-color: transparent;
  --oj-c-base-button-variants-danger-base-color: var(--oj-c-text-icon-inverse);
  --oj-c-base-button-variants-danger-disabled-background-color: var(--oj-c-surface-disabled);
  --oj-c-base-button-variants-danger-disabled-border-color: transparent;
  --oj-c-base-button-variants-danger-disabled-color: var(--oj-c-text-icon-disabled);
  --oj-c-base-button-variants-danger-hover-background-overlay-color: var(--oj-c-overlay-danger-hover);
  --oj-c-base-button-variants-danger-active-background-overlay-color: var(--oj-c-overlay-danger-active);
}
:root, .oj-scale-dependent, :root.oj-scale-sm, :root.oj-scale-md, .oj-density-dependent {
  --oj-c-base-button-border-radius: var(--oj-c-border-radius-md);
  --oj-c-base-button-font-size: var(--oj-c-body-sm-font-size);
  --oj-c-base-button-sizes-xs-text-to-edge-padding: calc(4 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-xs-height: max(calc(calc(6 * var(--oj-c-size-units, 0.25rem)) + calc(3 * var(--oj-c-density-units, 0px))),24px);
  --oj-c-base-button-sizes-sm-text-to-edge-padding: calc(4 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-sm-height: max(calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(3 * var(--oj-c-density-units, 0px))),24px);
  --oj-c-base-button-sizes-md-text-to-edge-padding: calc(4 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-md-height: calc(calc(11 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
  --oj-c-base-button-sizes-lg-text-to-edge-padding: calc(6 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-lg-height: calc(calc(13 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
}
.oj-scale-sm, :root.oj-scale-sm {
  --oj-c-base-button-border-radius: var(--oj-c-border-radius-md);
  --oj-c-base-button-font-size: var(--oj-c-body-md-font-size);
  --oj-c-base-button-sizes-xs-text-to-edge-padding: calc(5.33 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-xs-height: max(calc(calc(8 * var(--oj-c-size-units, 0.25rem)) + calc(3 * var(--oj-c-density-units, 0px))),24px);
  --oj-c-base-button-sizes-sm-text-to-edge-padding: calc(4 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-sm-height: max(calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(3 * var(--oj-c-density-units, 0px))),24px);
  --oj-c-base-button-sizes-md-text-to-edge-padding: calc(4 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-md-height: max(calc(calc(9.33 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px))),24px);
  --oj-c-base-button-sizes-lg-text-to-edge-padding: calc(6 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-lg-height: calc(calc(13 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
}
.oj-scale-md, :root.oj-scale-md {
  --oj-c-base-button-border-radius: var(--oj-c-border-radius-md);
  --oj-c-base-button-font-size: var(--oj-c-body-md-font-size);
  --oj-c-base-button-sizes-xs-text-to-edge-padding: calc(4.57 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-xs-height: max(calc(calc(6.86 * var(--oj-c-size-units, 0.25rem)) + calc(3 * var(--oj-c-density-units, 0px))),24px);
  --oj-c-base-button-sizes-sm-text-to-edge-padding: calc(4 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-sm-height: max(calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(3 * var(--oj-c-density-units, 0px))),24px);
  --oj-c-base-button-sizes-md-text-to-edge-padding: calc(4 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-md-height: calc(calc(11 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
  --oj-c-base-button-sizes-lg-text-to-edge-padding: calc(6 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-lg-height: calc(calc(13 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
}
.oj-scale-lg {
  --oj-c-base-button-border-radius: var(--oj-c-border-radius-md);
  --oj-c-base-button-font-size: var(--oj-c-body-sm-font-size);
  --oj-c-base-button-sizes-xs-text-to-edge-padding: calc(4 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-xs-height: max(calc(calc(6 * var(--oj-c-size-units, 0.25rem)) + calc(3 * var(--oj-c-density-units, 0px))),24px);
  --oj-c-base-button-sizes-sm-text-to-edge-padding: calc(4 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-sm-height: max(calc(calc(9 * var(--oj-c-size-units, 0.25rem)) + calc(3 * var(--oj-c-density-units, 0px))),24px);
  --oj-c-base-button-sizes-md-text-to-edge-padding: calc(4 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-md-height: calc(calc(11 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
  --oj-c-base-button-sizes-lg-text-to-edge-padding: calc(6 * var(--oj-c-size-units, 0.25rem));
  --oj-c-base-button-sizes-lg-height: calc(calc(13 * var(--oj-c-size-units, 0.25rem)) + calc(2 * var(--oj-c-density-units, 0px)));
}