:root {
    --footer-color: #ffffff;
    --footer-background-color: #262626;
    --navigation-color: #ffffff;
    --navigation-background-color: #31a8dc;
    --font-family-body: 'Open Sans', sans-serif;
    --font-family-heading: 'Open Sans', sans-serif;
    --brand-primary: #31a8dc;
    --brand-primary-rgb: 49, 168, 220;
    --brand-primary-contrast: #000000;
    --brand-primary-contrast-yiq: #ffffff;
    --brand-primary-text-emphasis: #144358;
    --brand-primary-bg-subtle: #d6eef8;
    --brand-primary-border-subtle: #addcf1;
    --brand-primary-btn-hover-bg: #50b5e1;
    --brand-primary-btn-hover-border: #5ab9e3;
    --brand-primary-btn-hover-color: #000000;
    --brand-primary-btn-active-bg: #5ab9e3;
    --brand-primary-btn-active-border: #65bee5;
    --brand-primary-btn-active-color: #000000;
    --brand-primary-link-hover-rgb: 90, 185, 227;
    --brand-primary-btn-focus-rgb: 42, 143, 187;
    --brand-secondary: #81d4fa;
    --brand-secondary-rgb: 129, 212, 250;
    --brand-secondary-contrast: #000000;
    --brand-secondary-contrast-yiq: #212529;
    --brand-secondary-text-emphasis: #345564;
    --brand-secondary-bg-subtle: #e6f6fe;
    --brand-secondary-border-subtle: #cdeefd;
    --brand-secondary-btn-hover-bg: #94dafb;
    --brand-secondary-btn-hover-border: #9addfb;
    --brand-secondary-btn-hover-color: #000000;
    --brand-secondary-btn-active-bg: #9addfb;
    --brand-secondary-btn-active-border: #a1dffb;
    --brand-secondary-btn-active-color: #000000;
    --brand-secondary-link-hover-rgb: 154, 221, 251;
    --brand-secondary-btn-focus-rgb: 110, 180, 213;
    --brand-success: #961e64;
    --brand-success-rgb: 150, 30, 100;
    --brand-success-contrast: #ffffff;
    --brand-success-contrast-yiq: #ffffff;
    --brand-success-text-emphasis: #3c0c28;
    --brand-success-bg-subtle: #ead2e0;
    --brand-success-border-subtle: #d5a5c1;
    --brand-success-btn-hover-bg: #801a55;
    --brand-success-btn-hover-border: #781850;
    --brand-success-btn-hover-color: #ffffff;
    --brand-success-btn-active-bg: #781850;
    --brand-success-btn-active-border: #71174b;
    --brand-success-btn-active-color: #ffffff;
    --brand-success-link-hover-rgb: 120, 24, 80;
    --brand-success-btn-focus-rgb: 166, 64, 123;
    --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: #3bacde;
    --brand-primary-tint-45: #8ecfec;
    --brand-primary-tint-50: #98d4ee;
    --brand-primary-shade-5: #2fa0d1;
    --brand-success-shade-10: #871b5a;
    --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='%23961e64' 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: #47b1e0;
    --navigation-background-color-hover: #3dadde;
    --navigation-color-hover: #e6e6e6;
}