:root {
    --footer-color: #ffffff;
    --footer-background-color: #303030;
    --navigation-color: #ffffff;
    --navigation-background-color: #a8a7a7;
    --font-family-body: 'Ubuntu', sans-serif;
    --font-family-heading: 'Libre Baskerville', serif;
    --brand-primary: #6dd91a;
    --brand-primary-rgb: 109, 217, 26;
    --brand-primary-contrast: #000000;
    --brand-primary-contrast-yiq: #212529;
    --brand-primary-text-emphasis: #2c570a;
    --brand-primary-bg-subtle: #e2f7d1;
    --brand-primary-border-subtle: #c5f0a3;
    --brand-primary-btn-hover-bg: #83df3c;
    --brand-primary-btn-hover-border: #8ae148;
    --brand-primary-btn-hover-color: #000000;
    --brand-primary-btn-active-bg: #8ae148;
    --brand-primary-btn-active-border: #92e353;
    --brand-primary-btn-active-color: #000000;
    --brand-primary-link-hover-rgb: 138, 225, 72;
    --brand-primary-btn-focus-rgb: 93, 184, 22;
    --brand-secondary: #bf8d04;
    --brand-secondary-rgb: 191, 141, 4;
    --brand-secondary-contrast: #000000;
    --brand-secondary-contrast-yiq: #ffffff;
    --brand-secondary-text-emphasis: #4c3802;
    --brand-secondary-bg-subtle: #f2e8cd;
    --brand-secondary-border-subtle: #e5d19b;
    --brand-secondary-btn-hover-bg: #c99e2a;
    --brand-secondary-btn-hover-border: #cca436;
    --brand-secondary-btn-hover-color: #000000;
    --brand-secondary-btn-active-bg: #cca436;
    --brand-secondary-btn-active-border: #cfaa43;
    --brand-secondary-btn-active-color: #000000;
    --brand-secondary-link-hover-rgb: 204, 164, 54;
    --brand-secondary-btn-focus-rgb: 162, 120, 3;
    --brand-success: #00a3a8;
    --brand-success-rgb: 0, 163, 168;
    --brand-success-contrast: #000000;
    --brand-success-contrast-yiq: #ffffff;
    --brand-success-text-emphasis: #004143;
    --brand-success-bg-subtle: #ccedee;
    --brand-success-border-subtle: #99dadc;
    --brand-success-btn-hover-bg: #26b1b5;
    --brand-success-btn-hover-border: #33b5b9;
    --brand-success-btn-hover-color: #000000;
    --brand-success-btn-active-bg: #33b5b9;
    --brand-success-btn-active-border: #40babe;
    --brand-success-btn-active-color: #000000;
    --brand-success-link-hover-rgb: 51, 181, 185;
    --brand-success-btn-focus-rgb: 0, 139, 143;
    --brand-danger: #2c2fd1;
    --brand-danger-rgb: 44, 47, 209;
    --brand-danger-contrast: #ffffff;
    --brand-danger-contrast-yiq: #ffffff;
    --brand-danger-text-emphasis: #121354;
    --brand-danger-bg-subtle: #d5d5f6;
    --brand-danger-border-subtle: #abaced;
    --brand-danger-btn-hover-bg: #2528b2;
    --brand-danger-btn-hover-border: #2326a7;
    --brand-danger-btn-hover-color: #ffffff;
    --brand-danger-btn-active-bg: #2326a7;
    --brand-danger-btn-active-border: #21239d;
    --brand-danger-btn-active-color: #ffffff;
    --brand-danger-link-hover-rgb: 35, 38, 167;
    --brand-danger-btn-focus-rgb: 76, 78, 216;
    --brand-primary-tint-5: #74db25;
    --brand-primary-tint-45: #afea81;
    --brand-primary-tint-50: #b6ec8d;
    --brand-primary-shade-5: #68ce19;
    --brand-success-shade-10: #009397;
    --brand-danger-tint-40: #8082e3;
    --brand-danger-tint-45: #8b8de6;
    --brand-danger-tint-85: #dfe0f8;
    --brand-danger-shade-5: #2a2dc7;
    --brand-danger-shade-20: #2326a7;
    --brand-danger-shade-30: #1f2192;
    --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='%2300a3a8' 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='%232c2fd1'%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='%232c2fd1' stroke='none'/%3e%3c/svg%3e");
    --navigation-background-color-edge: #9b9a9a;
    --navigation-background-color-hover: #9e9d9d;
    --navigation-color-hover: #e6e6e6;
}
