:root{
    --brand-primary: var(--legacy-brand-success, #5a80b2);
    --brand-primary-light: var(--legacy-brand-primary-light,   #6b8dba);
    --brand-primary-dark: var(--legacy-brand-primary-dark,    #5174a1);
    --brand-secondary: var(--legacy-brand-secondary,       --brand-primary-light);
    --brand-contrast: var(--legacy-brand-contrast,       #df9127);
    --brand-contrast-light: var(--legacy-brand-contrast-light, #e39c3d);
    --brand-contrast-dark: var(--legacy-brand-contrast-dark,  #c98324);
    --standard-btn-background-color: var(--legacy-standard-btn-background-color);
    --standard-btn-font-color: var(--legacy-standard-btn-font-color);
    --standard-btn-background-color-on-hover: var(--legacy-standard-btn-background-color-on-hover);
    --standard-btn-font-color-on-hover: var(--legacy-standard-btn-font-color-on-hover);
    --standard-btn-background-color-active: var(--legacy-standard-btn-background-color-active);
    --standard-btn-font-color-active: var(--legacy-standard-btn-font-color-active);
    --primary-btn-background-color: var(--legacy-primary-btn-background-color);
    --primary-btn-font-color: var(--legacy-primary-btn-font-color);
    --primary-btn-background-color-on-hover: var(--legacy-primary-btn-background-color-on-hover);
    --primary-btn-font-color-on-hover: var(--legacy-primary-btn-font-color-on-hover);
    --primary-btn-background-color-active: var(--legacy-primary-btn-background-color-active);
    --primary-btn-font-color-active: var(--legacy-primary-btn-font-color-active);
    --brand-highlight: #14d1fe;
    --brand-header: var(--legacy-brand-header,    #1a3458);
    --brand-text: var(--legacy-brand-text, #ffffff);
    --brand-success: var(--legacy-brand-success,   #64c94c);
    --brand-warning: var(--legacy-brand-warning,   #ffca60);
    --brand-danger: var(--legacy-brand-danger,    #ff5252);
    --brand-info: var(--legacy-brand-info,      #527bff);
    --header-height: var(--legacy-header-height,   40px);
}