/* COLOUR-1: shared action treatment for workspace, public and authentication pages.
   Keep brand/link cobalt and semantic status colours; only actions use lighter blue. */
:root {
    --pn-action: #3b70ce;
    --pn-action-hover: #3263bb;
    --pn-action-active: #2d59a8;
}
body .btn {
    --tblr-btn-gradient: none;
    --tblr-btn-box-shadow: none;
    --tblr-btn-active-shadow: none;
    background-image: none;
}
body .btn-primary {
    --tblr-btn-variant: var(--pn-action);
    --tblr-btn-color: #fff;
    --tblr-btn-bg: var(--pn-action);
    --tblr-btn-border-color: var(--pn-action);
    --tblr-btn-hover-color: #fff;
    --tblr-btn-hover-bg: var(--pn-action-hover);
    --tblr-btn-hover-border-color: var(--pn-action-hover);
    --tblr-btn-active-color: #fff;
    --tblr-btn-active-bg: var(--pn-action-active);
    --tblr-btn-active-border-color: var(--pn-action-active);
    --tblr-btn-disabled-color: #fff;
    --tblr-btn-disabled-bg: var(--pn-action);
    --tblr-btn-disabled-border-color: var(--pn-action);
}
body :is(.btn-outline-primary, .btn-primary.btn-outline) {
    --tblr-btn-color: #2856b6;
    --tblr-btn-bg: transparent;
    --tblr-btn-border-color: var(--pn-action);
    --tblr-btn-hover-color: #fff;
    --tblr-btn-hover-bg: var(--pn-action-hover);
    --tblr-btn-hover-border-color: var(--pn-action-hover);
    --tblr-btn-active-color: #fff;
    --tblr-btn-active-bg: var(--pn-action-active);
    --tblr-btn-active-border-color: var(--pn-action-active);
    --tblr-btn-disabled-color: #2856b6;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: var(--pn-action);
}
body .btn:focus-visible {
    outline: 3px solid #2856b6;
    outline-offset: 3px;
}