:root {
    --footer-color: #ffffff;
    --footer-background-color: #264451;
    --navigation-color: #ffffff;
    --navigation-background-color: #264451;
    --font-family-body: 'Roboto', sans-serif;
    --font-family-heading: 'Roboto', sans-serif;
    --brand-primary: #00b4ff;
    --brand-primary-rgb: 0, 180, 255;
    --brand-primary-contrast: #000000;
    --brand-primary-contrast-yiq: #ffffff;
    --brand-primary-text-emphasis: #004866;
    --brand-primary-bg-subtle: #ccf0ff;
    --brand-primary-border-subtle: #99e1ff;
    --brand-primary-btn-hover-bg: #26bfff;
    --brand-primary-btn-hover-border: #33c3ff;
    --brand-primary-btn-hover-color: #000000;
    --brand-primary-btn-active-bg: #33c3ff;
    --brand-primary-btn-active-border: #40c7ff;
    --brand-primary-btn-active-color: #000000;
    --brand-primary-link-hover-rgb: 51, 195, 255;
    --brand-primary-btn-focus-rgb: 0, 153, 217;
    --brand-secondary: #d2ecf9;
    --brand-secondary-rgb: 210, 236, 249;
    --brand-secondary-contrast: #000000;
    --brand-secondary-contrast-yiq: #212529;
    --brand-secondary-text-emphasis: #545e64;
    --brand-secondary-bg-subtle: #f6fbfe;
    --brand-secondary-border-subtle: #edf7fd;
    --brand-secondary-btn-hover-bg: #d9effa;
    --brand-secondary-btn-hover-border: #dbf0fa;
    --brand-secondary-btn-hover-color: #000000;
    --brand-secondary-btn-active-bg: #dbf0fa;
    --brand-secondary-btn-active-border: #ddf1fb;
    --brand-secondary-btn-active-color: #000000;
    --brand-secondary-link-hover-rgb: 219, 240, 250;
    --brand-secondary-btn-focus-rgb: 179, 201, 212;
    --brand-success: #008000;
    --brand-success-rgb: 0, 128, 0;
    --brand-success-contrast: #ffffff;
    --brand-success-contrast-yiq: #ffffff;
    --brand-success-text-emphasis: #003300;
    --brand-success-bg-subtle: #cce6cc;
    --brand-success-border-subtle: #99cc99;
    --brand-success-btn-hover-bg: #006d00;
    --brand-success-btn-hover-border: #006600;
    --brand-success-btn-hover-color: #ffffff;
    --brand-success-btn-active-bg: #006600;
    --brand-success-btn-active-border: #006000;
    --brand-success-btn-active-color: #ffffff;
    --brand-success-link-hover-rgb: 0, 102, 0;
    --brand-success-btn-focus-rgb: 38, 147, 38;
    --brand-danger: #cf2e2e;
    --brand-danger-rgb: 207, 46, 46;
    --brand-danger-contrast: #ffffff;
    --brand-danger-contrast-yiq: #ffffff;
    --brand-danger-text-emphasis: #531212;
    --brand-danger-bg-subtle: #f5d5d5;
    --brand-danger-border-subtle: #ecabab;
    --brand-danger-btn-hover-bg: #b02727;
    --brand-danger-btn-hover-border: #a62525;
    --brand-danger-btn-hover-color: #ffffff;
    --brand-danger-btn-active-bg: #a62525;
    --brand-danger-btn-active-border: #9b2323;
    --brand-danger-btn-active-color: #ffffff;
    --brand-danger-link-hover-rgb: 166, 37, 37;
    --brand-danger-btn-focus-rgb: 214, 77, 77;
    --brand-primary-tint-5: #0db8ff;
    --brand-primary-tint-45: #73d6ff;
    --brand-primary-tint-50: #80daff;
    --brand-primary-shade-5: #00abf2;
    --brand-success-shade-10: #007300;
    --brand-danger-tint-40: #e28282;
    --brand-danger-tint-45: #e58c8c;
    --brand-danger-tint-85: #f8e0e0;
    --brand-danger-shade-5: #c52c2c;
    --brand-danger-shade-20: #a62525;
    --brand-danger-shade-30: #912020;
    --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='%23008000' 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='%23cf2e2e'%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='%23cf2e2e' stroke='none'/%3e%3c/svg%3e");
    --navigation-background-color-edge: #2e5362;
    --navigation-background-color-hover: #2d5161;
    --navigation-color-hover: #e6e6e6;
}