:root {
    /* SOLID */

    --oj-button-solid-chrome-bg-color: rgb(var(--oj-palette-brand-rgb-10));
    --oj-button-solid-chrome-border-color: transparent;
    --oj-button-solid-chrome-text-color: var(--oj-palette-neutral-rgb-200);

    --oj-button-solid-chrome-bg-color-hover: rgb(var(--oj-palette-brand-rgb-10));
    --oj-button-solid-chrome-border-color-hover: transparent;
    --oj-button-solid-chrome-text-color-hover: var(--oj-palette-neutral-rgb-200);

    --oj-button-solid-chrome-bg-color-active: rgb(var(--oj-palette-brand-rgb-10));
    --oj-button-solid-chrome-border-color-active: transparent;
    --oj-button-solid-chrome-text-color-active: var(--oj-palette-neutral-rgb-200);

    --oj-button-solid-chrome-bg-color-disabled: rgba(var(--oj-palette-neutral-rgb-10), 0.1);
    --oj-button-solid-chrome-border-color-disabled: transparent;
    --oj-button-solid-chrome-text-color-disabled: var(--oj-core-text-color-disabled);

    /* BORDERLESS */

    --oj-button-borderless-chrome-text-color: rgb(var(--oj-palette-brand-rgb-110));

    --oj-button-borderless-chrome-bg-color-hover: rgba(var(--oj-palette-brand-rgb-110), 0.1);
    --oj-button-borderless-chrome-border-color-hover: transparent;
    --oj-button-borderless-chrome-text-color-hover: rgb(var(--oj-palette-brand-rgb-110));

    --oj-button-borderless-chrome-bg-color-active: rgba(var(--oj-palette-brand-rgb-110), 0.3);
    --oj-button-borderless-chrome-border-color-active: transparent;
    --oj-button-borderless-chrome-text-color-active: rgb(var(--oj-palette-brand-rgb-110));

    --oj-button-borderless-chrome-text-color-disabled: var(--oj-core-text-color-disabled);

    /* OUTLINED */

    --oj-button-outlined-chrome-bg-color: rgb(13, 69, 127);
    --oj-button-outlined-chrome-border-color: rgb(var(--oj-palette-brand-rgb-110));
    --oj-button-outlined-chrome-text-color: var(--oj-core-neutral-contrast);

    --oj-button-outlined-chrome-bg-color-hover: rgba(13, 68, 141);
    --oj-button-outlined-chrome-border-color-hover: var(--oj-button-outlined-chrome-border-color);
    --oj-button-outlined-chrome-text-color-hover: var(--oj-core-neutral-contrast);

    --oj-button-outlined-chrome-bg-color-active: rgb(16, 90, 187);
    --oj-button-outlined-chrome-border-color-active: var(--oj-button-outlined-chrome-border-color);
    --oj-button-outlined-chrome-text-color-active: var(--oj-core-neutral-contrast);

    --oj-button-outlined-chrome-bg-color-disabled: transparent;
    --oj-button-outlined-chrome-border-color-disabled: var(--oj-core-text-color-disabled);
    --oj-button-outlined-chrome-text-color-disabled: var(--oj-core-text-color-disabled);

    --oj-button-outlined-chrome-bg-color-selected: var(--oj-core-bg-color-active);
    --oj-button-outlined-chrome-border-color-selected: rgba(var(--oj-palette-neutral-rgb-190), 0.3);
    --oj-button-outlined-chrome-text-color-selected: var(--oj-core-text-color-primary);

    --oj-button-outlined-chrome-bg-color-selected-hover: var(--oj-core-bg-color-hover);
    --oj-button-outlined-chrome-border-color-selected-hover: var(--oj-button-outlined-chrome-border-color-selected);
    --oj-button-outlined-chrome-text-color-selected-hover: var(--oj-core-text-color-primary);

    --oj-button-outlined-chrome-bg-color-selected-disabled: var(--oj-button-solid-chrome-bg-color-disabled);
    --oj-button-outlined-chrome-border-color-selected-disabled: var(--oj-button-outlined-chrome-border-color-disabled);
    --oj-button-outlined-chrome-text-color-selected-disabled: var(--oj-core-text-color-disabled);

    --oj-buttonset-outlined-chrome-internal-border-color: var(--oj-button-outlined-chrome-border-color);
    --oj-buttonset-outlined-chrome-internal-border-color-active: var(--oj-button-outlined-chrome-border-color);
    --oj-buttonset-outlined-chrome-internal-border-color-selected: var(--oj-button-outlined-chrome-border-color);
    --oj-buttonset-outlined-chrome-internal-border-color-selected-disabled: var(--oj-button-outlined-chrome-border-color-disabled);

    /* CALL TO ACTION */
    --oj-button-call-to-action-chrome-bg-color: rgb(26, 37, 66);
    --oj-button-call-to-action-chrome-border-color: transparent;
    --oj-button-call-to-action-chrome-text-color: var(--oj-core-neutral-contrast);

    --oj-button-call-to-action-chrome-bg-color-hover: rgb(26, 37, 80);
    --oj-button-call-to-action-chrome-border-color-hover: transparent;
    --oj-button-call-to-action-chrome-text-color-hover: var(--oj-core-neutral-contrast);

    --oj-button-call-to-action-chrome-bg-color-active: rgb(34, 49, 105);
    --oj-button-call-to-action-chrome-border-color-active: transparent;
    --oj-button-call-to-action-chrome-text-color-active: var(--oj-core-neutral-contrast);
}

.oj-c-base-button-outlined {
    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color:                      rgb(13, 69, 127);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color:                  rgb(var(--oj-palette-brand-rgb-110));
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color:                    var(--oj-core-neutral-contrast);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover:                rgba(13, 68, 141);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover:            var(--oj-button-outlined-chrome-border-color);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover:              var(--oj-core-neutral-contrast);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active:               rgb(16, 90, 187);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active:           var(--oj-button-outlined-chrome-border-color);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-core-neutral-contrast);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         var(--oj-core-text-color-disabled);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-core-text-color-disabled);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             transparent;    
}

.oj-c-base-button-callToAction {
    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color:                      rgb(26, 37, 66);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color:                  transparent;
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color:                    var(--oj-core-neutral-contrast);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover:                rgb(26, 37, 80);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover:            transparent;
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover:              var(--oj-core-neutral-contrast);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active:               rgb(34, 49, 105);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active:           transparent;
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-core-neutral-contrast);

    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         transparent;
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);
}

.oj-c-base-button-borderless {
    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color:                      transparent;
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color:                  transparent;
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color:                    rgb(var(--oj-palette-brand-rgb-110));
    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover:                rgba(var(--oj-palette-brand-rgb-110), 0.1);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover:            transparent;
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover:              rgb(var(--oj-palette-brand-rgb-110));
    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active:               rgba(var(--oj-palette-brand-rgb-110), 0.3);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active:           transparent;
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             rgb(var(--oj-palette-brand-rgb-110));
    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             transparent;
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         transparent;
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-core-text-color-disabled);
}

.oj-c-base-button-solid {
    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color:                      rgba(var(--oj-palette-brand-rgb-10),.08);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color:                  transparent;
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color:                    var(--oj-palette-neutral-rgb-200);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover:                rgba(var(--oj-palette-brand-rgb-10),.12);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover:            transparent;
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover:              var(--oj-palette-neutral-rgb-200);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active:               rgba(var(--oj-palette-brand-rgb-10),.16);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active:           transparent;
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active:             var(--oj-palette-neutral-rgb-200);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled:             rgba(var(--oj-palette-neutral-rgb-10), 0.1);
    --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled:         transparent;
    --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled:           var(--oj-core-text-color-disabled);
}