
* {
    /** COLOURS **/
    --dxp-g-brand: #43165e;
    --dxp-g-brand-1: rgb(87, 42, 114);
    --dxp-g-brand-2: rgb(127, 82, 154);
    --dxp-g-brand-3: rgb(187, 142, 214);
    --dxp-g-brand-contrast: #FFFFFF;
    --dxp-g-brand-contrast-1: rgb(275, 275, 275);
    --dxp-g-brand-contrast-2: rgb(315, 315, 315);
    --dxp-g-brand-contrast-3: rgb(375, 375, 375);

    --dxp-g-root: #FFFFFF;
    --dxp-g-root-1: rgb(275, 275, 275);
    --dxp-g-root-2: rgb(315, 315, 315);
    --dxp-g-root-3: rgb(375, 375, 375);

    --dxp-g-root-contrast: #333333;
    --dxp-g-root-contrast-1: rgb(71, 71, 71);
    --dxp-g-root-contrast-2: rgb(111, 111, 111);
    --dxp-g-root-contrast-3: rgb(171, 171, 171);

    --dxp-s-body-small-text-color: #1A1B1E;
    --dxp-s-body-text-color: #1A1B1E;
    --dxp-s-button-border-color-1: rgb(20, 138, 168);
    --dxp-s-button-border-color-active: var(--dxp-s-button-border-color-focus);
    --dxp-s-button-border-color-focus: #007694;
    --dxp-s-button-border-color-hover: #004989;
    --dxp-s-button-border-color: #007694;
    --dxp-s-button-color: #007694;
    --dxp-s-button-color-1: rgb(20, 138, 168);
    --dxp-s-button-color-active: var(--dxp-s-button-color-focus);
    --dxp-s-button-color-active-contrast: var(--dxp-s-button-color-focus-contrast);
    --dxp-s-button-color-contrast: #FFFFFF;
    --dxp-s-button-color-contrast-1: rgb(275, 275, 275);
    --dxp-s-button-color-focus: #007694;
    --dxp-s-button-color-focus-contrast: #FFFFFF;
    --dxp-s-button-color-hover: #004989;
    --dxp-s-button-color-hover-contrast: #FFFFFF;

    --dxp-s-dropdown-color-background-hover: #ECEBEA;
    --dxp-s-dropdown-color-background: #FFFFFF;
    --dxp-s-dropdown-color-border: #ECEBEA;
    --dxp-s-dropdown-text-color-hover: #1A1B1E;
    --dxp-s-dropdown-text-color: #1A1B1E;

    --dxp-s-form-checkbox-color-background-checked: #FFFFFF;
    --dxp-s-form-checkbox-color-background: #FFFFFF;
    --dxp-s-form-checkbox-color-border-checked: #76716B;
    --dxp-s-form-checkbox-color-border: #76716B;
    --dxp-s-form-element-color-background-active: #FFFFFF;
    --dxp-s-form-element-color-background: #FFFFFF;
    --dxp-s-form-element-color-border-focus: #005FB2;
    --dxp-s-form-element-color-border: #76716B;
    --dxp-s-form-element-label-color: #1A1B1E;
    --dxp-s-form-element-placeholder-text-color: #76716B;
    --dxp-s-form-element-text-color-focus: #1A1B1E;
    --dxp-s-form-element-text-color: #1A1B1E;

    --dxp-s-link-text-color-1: rgb(20, 115, 198);
    --dxp-s-link-text-color-hover: #004989;
    --dxp-s-link-text-color: #005FB2;

    --dxp-s-secondary-button-border-color-1: rgb(20, 138, 168);
    --dxp-s-secondary-button-border-color-active: var(--dxp-s-secondary-button-border-color-focus);
    --dxp-s-secondary-button-border-color-focus: #007694;
    --dxp-s-secondary-button-border-color-hover: #007694;
    --dxp-s-secondary-button-border-color: #007694;
    --dxp-s-secondary-button-color-1: rgb(275, 275, 275);
    --dxp-s-secondary-button-color-active: var(--dxp-s-secondary-button-color-focus);
    --dxp-s-secondary-button-color-focus: #EBEBEB;
    --dxp-s-secondary-button-color-hover: #EBEBEB;
    --dxp-s-secondary-button-color: #FFFFFF;
    --dxp-s-secondary-button-text-color-1: rgb(20, 138, 168);
    --dxp-s-secondary-button-text-color-active: var(--dxp-s-secondary-button-text-color-focus);
    --dxp-s-secondary-button-text-color-focus: #007694;
    --dxp-s-secondary-button-text-color-hover: #007694;
    --dxp-s-secondary-button-text-color: #007694;

    --dxp-s-tertiary-button-border-color-1: rgb(20, 20, 20);
    --dxp-s-tertiary-button-border-color-active: var(--dxp-s-tertiary-button-border-color-focus);
    --dxp-s-tertiary-button-border-color-focus: #00000000;
    --dxp-s-tertiary-button-border-color-hover: #00000000;
    --dxp-s-tertiary-button-border-color: #00000000;
    --dxp-s-tertiary-button-color-1: rgb(20, 20, 20);
    --dxp-s-tertiary-button-color-active: var(--dxp-s-tertiary-button-color-focus);
    --dxp-s-tertiary-button-color-focus: #00000000;
    --dxp-s-tertiary-button-color-hover: #00000000;
    --dxp-s-tertiary-button-color: #00000000;
    --dxp-s-tertiary-button-text-color-1: rgb(20, 138, 168);
    --dxp-s-tertiary-button-text-color-active: var(--dxp-s-tertiary-button-text-color-focus);
    --dxp-s-tertiary-button-text-color-focus: #007694;
    --dxp-s-tertiary-button-text-color-hover: #007694;
    --dxp-s-tertiary-button-text-color: #007694;

    --dxp-s-text-heading-extra-extra-small-color: #1A1B1E;
    --dxp-s-text-heading-extra-large-color: #43165e;
    --dxp-s-text-heading-extra-small-color: #1A1B1E;
    --dxp-s-text-heading-large-color: #1b73a6;
    --dxp-s-text-heading-medium-color: #1A1B1E;
    --dxp-s-text-heading-small-color: #1A1B1E;
    /** /COLOURS **/

    /* PRIMARY BUTTON OVERRIDE */
    --sds-c-button-brand-color-background: var(--dxp-s-button-color);
    --slds-c-button-brand-color-background: var(--dxp-s-button-color);
    --sds-c-button-brand-color-border: var(--dxp-s-button-border-color);
    --slds-c-button-brand-color-border: var(--dxp-s-button-border-color);
    --sds-c-button-brand-text-color: var(--dxp-s-button-color-contrast);
    --slds-c-button-brand-text-color: var(--dxp-s-button-color-contrast);

    --sds-c-button-brand-color-background-hover: var(--dxp-s-button-color-hover);
    --slds-c-button-brand-color-background-hover: var(--dxp-s-button-color-hover);
    --sds-c-button-brand-color-border-hover: var(--dxp-s-button-border-color-hover);
    --slds-c-button-brand-color-border-hover: var(--dxp-s-button-border-color-hover);
    --sds-c-button-brand-text-color-hover: var(--dxp-s-button-color-contrast-hover);
    --slds-c-button-brand-text-color-hover: var(--dxp-s-button-color-contrast-hover);

    --sds-c-button-brand-color-background-focus: var(--dxp-s-button-color-focus);
    --slds-c-button-brand-color-background-focus: var(--dxp-s-button-color-focus);
    --sds-c-button-brand-color-border-focus: var(--dxp-s-button-border-color-focus);
    --slds-c-button-brand-color-border-focus: var(--dxp-s-button-border-color-focus);
    --sds-c-button-brand-text-color-focus: var(--dxp-s-button-color-contrast-focus);
    --slds-c-button-brand-text-color-focus: var(--dxp-s-button-color-contrast-focus);
    /* /PRIMARY BUTTON OVERRIDE */

    /* SECONDARY BUTTON OVERRIDE */
    --sds-c-button-outline-brand-color-background: var(--dxp-s-secondary-button-color);
    --slds-c-button-outline-brand-color-background: var(--dxp-s-secondary-button-color);
    --sds-c-button-outline-brand-color-border: var(--dxp-s-secondary-button-border-color);
    --slds-c-button-outline-brand-color-border: var(--dxp-s-secondary-button-border-color);
    --sds-c-button-outline-brand-text-color: var(--dxp-s-secondary-button-color-contrast);
    --slds-c-button-outline-brand-text-color: var(--dxp-s-secondary-button-color-contrast);

    --sds-c-button-outline-brand-color-background: var(--dxp-s-secondary-button-color-hover);
    --slds-c-button-outline-brand-color-background: var(--dxp-s-secondary-button-color-hover);
    --sds-c-button-outline-brand-color-border: var(--dxp-s-secondary-button-border-color-hover);
    --slds-c-button-outline-brand-color-border: var(--dxp-s-secondary-button-border-color-hover);
    --sds-c-button-outline-brand-text-color: var(--dxp-s-secondary-button-color-contrast-hover);
    --slds-c-button-outline-brand-text-color: var(--dxp-s-secondary-button-color-contrast-hover);

    --sds-c-button-outline-brand-color-background: var(--dxp-s-secondary-button-color-focus);
    --slds-c-button-outline-brand-color-background: var(--dxp-s-secondary-button-color-focus);
    --sds-c-button-outline-brand-color-border: var(--dxp-s-secondary-button-border-color-focus);
    --slds-c-button-outline-brand-color-border: var(--dxp-s-secondary-button-border-color-focus);
    --sds-c-button-outline-brand-text-color: var(--dxp-s-secondary-button-color-contrast-focus);
    --slds-c-button-outline-brand-text-color: var(--dxp-s-secondary-button-color-contrast-focus);
    /* /SECONDARY BUTTON OVERRIDE */

    /* TERTIARY BUTTON OVERRIDE */
    --sds-c-button-color-background: var(--dxp-s-tertiary-button-color);
    --slds-c-button-color-background: var(--dxp-s-tertiary-button-color);
    --sds-c-button-color-border: var(--dxp-s-tertiary-button-border-color);
    --slds-c-button-color-border: var(--dxp-s-tertiary-button-border-color);
    --sds-c-button-text-color: var(--dxp-s-tertiary-button-color-contrast);
    --slds-c-button-text-color: var(--dxp-s-tertiary-button-color-contrast);

    --sds-c-button-color-background: var(--dxp-s-tertiary-button-color-hover);
    --slds-c-button-color-background: var(--dxp-s-tertiary-button-color-hover);
    --sds-c-button-color-border: var(--dxp-s-tertiary-button-border-color-hover);
    --slds-c-button-color-border: var(--dxp-s-tertiary-button-border-color-hover);
    --sds-c-button-text-color: var(--dxp-s-tertiary-button-color-contrast-hover);
    --slds-c-button-text-color: var(--dxp-s-tertiary-button-color-contrast-hover);

    --sds-c-button-color-background: var(--dxp-s-tertiary-button-color-focus);
    --slds-c-button-color-background: var(--dxp-s-tertiary-button-color-focus);
    --sds-c-button-color-border: var(--dxp-s-tertiary-button-border-color-focus);
    --slds-c-button-color-border: var(--dxp-s-tertiary-button-border-color-focus);
    --sds-c-button-text-color: var(--dxp-s-tertiary-button-color-contrast-focus);
    --slds-c-button-text-color: var(--dxp-s-tertiary-button-color-contrast-focus);
    /* /TERTIARY BUTTON OVERRIDE */

    --dxp-s-site-logo-url: url(https://bespokeitsolutions.file.force.com/file-asset-public/isolatedlogo2?oid=00D06000001UIPf);
}