:root {
    --main-highlight: #adadf3;
    --secondary-highlight: #fdc180;
    --secondary-highlight-dark: #582e00;
    --bs-primary: #0078c8;
    --bs-primary-hover: #006db7;
    --bs-primary-rgb: 0, 120, 200;
    --bs-primary-dark: #00518c;
    /*--bs-border-color: #a6a9b0;*/
    --bs-danger: #f6534e;
    --x-color-text-muted: rgba(0, 10, 30, .75);
    --colour-main-nav: #0078c8;
    --colour-main-nav-hover: #006db7;
    --colour-main-nav-dark: #00518c;
    --colour-xero-button-blue: #0078c8;
    --colour-xero-button-blue-hover: #006db7;
    --colour-xero-red: #dc3246;
    --colour-link-hover: #003c64;
    --colour-breadcrumb-link: #616b7a;
    --colour-text-grey: #59606d;
    --colour-light-background-grey: #f2f3f4;
    --colour-text-primary: #000a1e;
    --colour-slate-200: lab(91.7353% -.998765 -4.76968);

    --colour-action-defaut: #1f68dd;
    --colour-action-hover: #184390;
    --colour-action-active: #1c5dc5;
    --colour-active-focus: #1c5dc5;

    --bs-border-color: #e1e2e5;
}

.bg-action {
    background-color: var(--colour-action-defaut);
}

.bg-action:hover {
    background-color: var(--colour-action-hover);
}

.bg-action:active {
    background-color: var(--colour-action-active);
}

.bg-action:focus {
    background-color: var(--colour-active-focus);
}

.text-action {
    color: var(--colour-action-defaut);
}

.text-action:hover {
    color: var(--colour-action-hover);
}

.text-action:active {
    color: var(--colour-action-active);
}

.text-action:focus {
    color: var(--colour-active-focus);
}