:root { --primary: #A51606; --primary-5: #a516060d; --primary-10: #a516061a; --primary-20: #a5160633; --primary-30: #a516064d; --primary-40: #a5160666; --primary-50: #a5160680; --primary-60: #a5160699; --primary-70: #a51606b3; --primary-80: #a51606cc; --primary-90: #a51606e6; --primary-d-1: #811808; --primary-d-2: #631909; --primary-d-3: #192a42; --primary-d-4: #121823; --primary-l-1: #bf5136; --primary-l-2: #d47b63; --primary-l-3: #e6a794; --primary-l-4: #f4d2c7; --secondary: #3fa6d9; --secondary-5: #3fa6d90d; --secondary-10: #3fa6d91a; --secondary-20: #3fa6d933; --secondary-30: #3fa6d94d; --secondary-40: #3fa6d966; --secondary-50: #3fa6d980; --secondary-60: #3fa6d999; --secondary-70: #3fa6d9b3; --secondary-80: #3fa6d9cc; --secondary-90: #3fa6d9e6; --secondary-d-1: #3783a9; --secondary-d-2: #2d607b; --secondary-d-3: #234152; --secondary-d-4: #17242b; --secondary-l-1: #70b7e1; --secondary-l-2: #96c7e8; --secondary-l-3: #bcdbf0; --secondary-l-4: #deedf8; --tertiary: #fec701; --tertiary-5: #fec7010d; --tertiary-10: #fec7011a; --tertiary-20: #fec70133; --tertiary-30: #fec7014d; --tertiary-40: #fec70166; --tertiary-50: #fec70180; --tertiary-60: #fec70199; --tertiary-70: #fec701b3; --tertiary-80: #fec701cc; --tertiary-90: #fec701e6; --tertiary-d-1: #c89e14; --tertiary-d-2: #917218; --tertiary-d-3: #604c16; --tertiary-d-4: #322811; --tertiary-l-1: #ffd152; --tertiary-l-2: #ffdd80; --tertiary-l-3: #ffe9ad; --tertiary-l-4: #fff3d6; --text-title: #00324C; --text-body: #333333; --text-light: #FEFAF2; --cta-primary-bg: #A51606; --cta-primary-hover: #541708; --cta-primary-text: #FEFAF2; --cta-secondary-bg: #003753; --cta-secondary-hover: #092A3F; --cta-secondary-text: #FEFAF2; --bg-dark: #222222; --bg-dark-5: #2222220d; --bg-dark-10: #2222221a; --bg-dark-20: #22222233; --bg-dark-30: #2222224d; --bg-dark-40: #22222266; --bg-dark-50: #22222280; --bg-dark-60: #22222299; --bg-dark-70: #222222b3; --bg-dark-80: #222222cc; --bg-dark-90: #222222e6; --bg-dark-d-1: #1c1c1c; --bg-dark-d-2: #171717; --bg-dark-d-3: #121212; --bg-dark-d-4: #0a0a0a; --bg-dark-l-1: #474747; --bg-dark-l-2: #737373; --bg-dark-l-3: #9e9e9e; --bg-dark-l-4: #cfcfcf; --bg-medium: #444444; --bg-light: #FEFAF2; --bg-lightest: #F2F2F2; --light: #ffffff; --dark: #000000; --success: #24BB5D; --success-5: #24bb5d0d; --success-10: #24bb5d1a; --success-20: #24bb5d33; --success-30: #24bb5d4d; --success-40: #24bb5d66; --success-50: #24bb5d80; --success-60: #24bb5d99; --success-70: #24bb5db3; --success-80: #24bb5dcc; --success-90: #24bb5de6; --error: #DA2444; --error-5: #da24440d; --error-10: #da24441a; --error-20: #da244433; --error-30: #da24444d; --error-40: #da244466; --error-50: #da244480; --error-60: #da244499; --error-70: #da2444b3; --error-80: #da2444cc; --error-90: #da2444e6; } :root[data-brx-theme="dark"] { --primary: #A51606; --primary-5: #a516060d; --primary-10: #a516061a; --primary-20: #a5160633; --primary-30: #a516064d; --primary-40: #a5160666; --primary-50: #a5160680; --primary-60: #a5160699; --primary-70: #a51606b3; --primary-80: #a51606cc; --primary-90: #a51606e6; --primary-d-1: #811808; --primary-d-2: #631909; --primary-d-3: #192a42; --primary-d-4: #121823; --primary-l-1: #bf5136; --primary-l-2: #d47b63; --primary-l-3: #e6a794; --primary-l-4: #f4d2c7; --secondary: #3fa6d9; --secondary-5: #3fa6d90d; --secondary-10: #3fa6d91a; --secondary-20: #3fa6d933; --secondary-30: #3fa6d94d; --secondary-40: #3fa6d966; --secondary-50: #3fa6d980; --secondary-60: #3fa6d999; --secondary-70: #3fa6d9b3; --secondary-80: #3fa6d9cc; --secondary-90: #3fa6d9e6; --secondary-d-1: #3783a9; --secondary-d-2: #2d607b; --secondary-d-3: #234152; --secondary-d-4: #17242b; --secondary-l-1: #70b7e1; --secondary-l-2: #96c7e8; --secondary-l-3: #bcdbf0; --secondary-l-4: #deedf8; --tertiary: #fec701; --tertiary-5: #fec7010d; --tertiary-10: #fec7011a; --tertiary-20: #fec70133; --tertiary-30: #fec7014d; --tertiary-40: #fec70166; --tertiary-50: #fec70180; --tertiary-60: #fec70199; --tertiary-70: #fec701b3; --tertiary-80: #fec701cc; --tertiary-90: #fec701e6; --tertiary-d-1: #c89e14; --tertiary-d-2: #917218; --tertiary-d-3: #604c16; --tertiary-d-4: #322811; --tertiary-l-1: #ffd152; --tertiary-l-2: #ffdd80; --tertiary-l-3: #ffe9ad; --tertiary-l-4: #fff3d6; --text-title: #00324C; --text-body: #333333; --text-light: #FEFAF2; --cta-primary-bg: #A51606; --cta-primary-hover: #541708; --cta-primary-text: #FEFAF2; --cta-secondary-bg: #003753; --cta-secondary-hover: #092A3F; --cta-secondary-text: #FEFAF2; --bg-dark: #222222; --bg-dark-5: #2222220d; --bg-dark-10: #2222221a; --bg-dark-20: #22222233; --bg-dark-30: #2222224d; --bg-dark-40: #22222266; --bg-dark-50: #22222280; --bg-dark-60: #22222299; --bg-dark-70: #222222b3; --bg-dark-80: #222222cc; --bg-dark-90: #222222e6; --bg-dark-d-1: #1c1c1c; --bg-dark-d-2: #171717; --bg-dark-d-3: #121212; --bg-dark-d-4: #0a0a0a; --bg-dark-l-1: #474747; --bg-dark-l-2: #737373; --bg-dark-l-3: #9e9e9e; --bg-dark-l-4: #cfcfcf; --bg-medium: #444444; --bg-light: #FEFAF2; --bg-lightest: #F2F2F2; --light: #ffffff; --dark: #000000; --success: #24BB5D; --success-5: #24bb5d0d; --success-10: #24bb5d1a; --success-20: #24bb5d33; --success-30: #24bb5d4d; --success-40: #24bb5d66; --success-50: #24bb5d80; --success-60: #24bb5d99; --success-70: #24bb5db3; --success-80: #24bb5dcc; --success-90: #24bb5de6; --error: #DA2444; --error-5: #da24440d; --error-10: #da24441a; --error-20: #da244433; --error-30: #da24444d; --error-40: #da244466; --error-50: #da244480; --error-60: #da244499; --error-70: #da2444b3; --error-80: #da2444cc; --error-90: #da2444e6; }