:root {
    --footer-color: #ffffff;
    --footer-background-color: #3d3b3c;
    --navigation-color: #ffffff;
    --navigation-background-color: #3d3b3c;
    --font-family-body: 'Roboto', sans-serif;
    --font-family-heading: 'Roboto', sans-serif;
    --brand-primary: #3d3b3c;
    --brand-primary-rgb: 61, 59, 60;
    --brand-primary-contrast: #ffffff;
    --brand-primary-contrast-yiq: #ffffff;
    --brand-primary-text-emphasis: #181818;
    --brand-primary-bg-subtle: #d8d8d8;
    --brand-primary-border-subtle: #b1b1b1;
    --brand-primary-btn-hover-bg: #343233;
    --brand-primary-btn-hover-border: #312f30;
    --brand-primary-btn-hover-color: #ffffff;
    --brand-primary-btn-active-bg: #312f30;
    --brand-primary-btn-active-border: #2e2c2d;
    --brand-primary-btn-active-color: #ffffff;
    --brand-primary-link-hover-rgb: 49, 47, 48;
    --brand-primary-btn-focus-rgb: 90, 88, 89;
    --brand-secondary: #849dbb;
    --brand-secondary-rgb: 132, 157, 187;
    --brand-secondary-contrast: #000000;
    --brand-secondary-contrast-yiq: #ffffff;
    --brand-secondary-text-emphasis: #353f4b;
    --brand-secondary-bg-subtle: #e6ebf1;
    --brand-secondary-border-subtle: #ced8e4;
    --brand-secondary-btn-hover-bg: #96acc5;
    --brand-secondary-btn-hover-border: #9db1c9;
    --brand-secondary-btn-hover-color: #000000;
    --brand-secondary-btn-active-bg: #9db1c9;
    --brand-secondary-btn-active-border: #a3b6cc;
    --brand-secondary-btn-active-color: #000000;
    --brand-secondary-link-hover-rgb: 157, 177, 201;
    --brand-secondary-btn-focus-rgb: 112, 133, 159;
    --brand-success: #00a254;
    --brand-success-rgb: 0, 162, 84;
    --brand-success-contrast: #000000;
    --brand-success-contrast-yiq: #ffffff;
    --brand-success-text-emphasis: #004122;
    --brand-success-bg-subtle: #ccecdd;
    --brand-success-border-subtle: #99dabb;
    --brand-success-btn-hover-bg: #26b06e;
    --brand-success-btn-hover-border: #33b576;
    --brand-success-btn-hover-color: #000000;
    --brand-success-btn-active-bg: #33b576;
    --brand-success-btn-active-border: #40b97f;
    --brand-success-btn-active-color: #000000;
    --brand-success-link-hover-rgb: 51, 181, 118;
    --brand-success-btn-focus-rgb: 0, 138, 71;
    --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: #474546;
    --brand-primary-tint-45: #949394;
    --brand-primary-tint-50: #9e9d9e;
    --brand-primary-shade-5: #3a3839;
    --brand-success-shade-10: #00924c;
    --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='%2300a254' 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: #4a4849;
    --navigation-background-color-hover: #494748;
    --navigation-color-hover: #e6e6e6;
}