:root {
    --sa-custom-primary-dark: #21363c;
    --sa-custom-primary-light: #f4f5f5;
    --sa-custom-primary-main: #ef3e33;
    --sa-custom-primary-alt: #003976;
    --sa-custom-primary-ter: #18243F;
    --sa-custom-primary-quad: #686bcc;
    --sa-custom-primary-warn: #ffc942;
    --sa-custom-primary-error: #D8314d;
    --sa-custom-disabled-gray: #c9cfcf;
    --sa-custom-primary-main-light: #ce3931;
    --sa-custom-primary-alt-light: #18243F;
    --sa-custom-primary-ter-light: #8f2e29;
    --sa-custom-primary-ter-lighter: #e6f7ff;
    --sa-custom-primary-quad-light: #9d9fde;
    --sa-custom-primary-warn-light: #ffd771;
    --sa-custom-primary-error-light: #e46f82;
    --sa-custom-darkgray: #939F9F;
    --sa-custom-darkergray: #5D6E6F;
    --sa-custom-darkestgray: #2D3E3F;
    --sa-custom-lightgray: #c9cfcf;
    --sa-custom-lightergray: #e9ecec;
    /** Additional rules to override **/
    --sa-custom-edit: var(--sa-custom-primary-alt,var(--sa-default-primary-alt));
    --sa-custom-banner-bg: var(--sa-custom-ter-lighter, var(--sa-default-ter-lighter));
    --sa-custom-banner-border: var(--sa-custom-ter, var(--sa-default-ter));
    --sa-custom-main-text: var(--sa-custom-primary-dark, var(--sa-default-primary-dark));
    --sa-custom-alt-text: var(--sa-custom-primary-light, var(--sa-default-primary-light));
    --sa-custom-main-shadows: var(--sa-custom-primary-dark, var(--sa-default-primary-dark));
    --sa-custom-background-light: var(--sa-custom-primary-light, var(--sa-default-primary-light));
    --sa-custom-background-dark: var(--sa-custom-primary-dark, var(--sa-default-primary-dark));
}