:root {
    --footer-color: #8a819d;
    --footer-background-color: #504b5a;
    --navigation-color: #ffffff;
    --navigation-background-color: #4a426e;
    --font-family-body: 'Open Sans', sans-serif;
    --font-family-heading: 'Open Sans', sans-serif;
    --brand-primary: #58585a;
    --brand-primary-rgb: 88, 88, 90;
    --brand-primary-contrast: #ffffff;
    --brand-primary-contrast-yiq: #ffffff;
    --brand-primary-text-emphasis: #232324;
    --brand-primary-bg-subtle: #dedede;
    --brand-primary-border-subtle: #bcbcbd;
    --brand-primary-btn-hover-bg: #4b4b4d;
    --brand-primary-btn-hover-border: #464648;
    --brand-primary-btn-hover-color: #ffffff;
    --brand-primary-btn-active-bg: #464648;
    --brand-primary-btn-active-border: #424244;
    --brand-primary-btn-active-color: #ffffff;
    --brand-primary-link-hover-rgb: 70, 70, 72;
    --brand-primary-btn-focus-rgb: 113, 113, 115;
    --brand-secondary: #4a426e;
    --brand-secondary-rgb: 74, 66, 110;
    --brand-secondary-contrast: #ffffff;
    --brand-secondary-contrast-yiq: #ffffff;
    --brand-secondary-text-emphasis: #1e1a2c;
    --brand-secondary-bg-subtle: #dbd9e2;
    --brand-secondary-border-subtle: #b7b3c5;
    --brand-secondary-btn-hover-bg: #3f385e;
    --brand-secondary-btn-hover-border: #3b3558;
    --brand-secondary-btn-hover-color: #ffffff;
    --brand-secondary-btn-active-bg: #3b3558;
    --brand-secondary-btn-active-border: #383253;
    --brand-secondary-btn-active-color: #ffffff;
    --brand-secondary-link-hover-rgb: 59, 53, 88;
    --brand-secondary-btn-focus-rgb: 101, 94, 132;
    --brand-success: #504b5a;
    --brand-success-rgb: 80, 75, 90;
    --brand-success-contrast: #ffffff;
    --brand-success-contrast-yiq: #ffffff;
    --brand-success-text-emphasis: #201e24;
    --brand-success-bg-subtle: #dcdbde;
    --brand-success-border-subtle: #b9b7bd;
    --brand-success-btn-hover-bg: #44404d;
    --brand-success-btn-hover-border: #403c48;
    --brand-success-btn-hover-color: #ffffff;
    --brand-success-btn-active-bg: #403c48;
    --brand-success-btn-active-border: #3c3844;
    --brand-success-btn-active-color: #ffffff;
    --brand-success-link-hover-rgb: 64, 60, 72;
    --brand-success-btn-focus-rgb: 106, 102, 115;
    --brand-danger: #d22f2d;
    --brand-danger-rgb: 210, 47, 45;
    --brand-danger-contrast: #ffffff;
    --brand-danger-contrast-yiq: #ffffff;
    --brand-danger-text-emphasis: #541312;
    --brand-danger-bg-subtle: #f6d5d5;
    --brand-danger-border-subtle: #edacab;
    --brand-danger-btn-hover-bg: #b32826;
    --brand-danger-btn-hover-border: #a82624;
    --brand-danger-btn-hover-color: #ffffff;
    --brand-danger-btn-active-bg: #a82624;
    --brand-danger-btn-active-border: #9e2322;
    --brand-danger-btn-active-color: #ffffff;
    --brand-danger-link-hover-rgb: 168, 38, 36;
    --brand-danger-btn-focus-rgb: 217, 78, 77;
    --brand-primary-tint-5: #606062;
    --brand-primary-tint-45: #a3a3a4;
    --brand-primary-tint-50: #acacad;
    --brand-primary-shade-5: #545456;
    --brand-success-shade-10: #484451;
    --brand-danger-tint-40: #e48281;
    --brand-danger-tint-45: #e68d8c;
    --brand-danger-tint-85: #f8e0e0;
    --brand-danger-shade-5: #c82d2b;
    --brand-danger-shade-20: #a82624;
    --brand-danger-shade-30: #93211f;
    --brand-form-valid-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23504b5a' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
    --brand-form-invalid-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d22f2d'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d22f2d' stroke='none'/%3e%3c/svg%3e");
    --navigation-background-color-edge: #554c7e;
    --navigation-background-color-hover: #524a7b;
    --navigation-color-hover: #e6e6e6;
}