:root { --primary: #292729; --primary-5: #2927290d; --primary-10: #2927291a; --primary-20: #29272933; --primary-30: #2927294d; --primary-40: #29272966; --primary-50: #29272980; --primary-60: #29272999; --primary-70: #292729b3; --primary-80: #292729cc; --primary-90: #292729e6; --secondary: #FDFEFF; --secondary-5: #fdfeff0d; --secondary-10: #fdfeff1a; --secondary-20: #fdfeff33; --secondary-30: #fdfeff4d; --secondary-40: #fdfeff66; --secondary-50: #fdfeff80; --secondary-60: #fdfeff99; --secondary-70: #fdfeffb3; --secondary-80: #fdfeffcc; --secondary-90: #fdfeffe6; --overlay-25: rgba(0, 0, 0, 0.25); --overlay-25-5: rgba(0, 0, 0, 0.05); --overlay-25-10: rgba(0, 0, 0, 0.1); --overlay-25-20: rgba(0, 0, 0, 0.2); --overlay-25-30: rgba(0, 0, 0, 0.3); --overlay-25-40: rgba(0, 0, 0, 0.4); --overlay-25-50: rgba(0, 0, 0, 0.5); --overlay-25-60: rgba(0, 0, 0, 0.6); --overlay-25-70: rgba(0, 0, 0, 0.7); --overlay-25-80: rgba(0, 0, 0, 0.8); --overlay-25-90: rgba(0, 0, 0, 0.9); --accent: hsla(275, 58%, 67%, 1); --accent-5: hsla(275, 58%, 67%, 0.05); --accent-10: hsla(275, 58%, 67%, 0.1); --accent-20: hsla(275, 58%, 67%, 0.2); --accent-30: hsla(275, 58%, 67%, 0.3); --accent-40: hsla(275, 58%, 67%, 0.4); --accent-50: hsla(275, 58%, 67%, 0.5); --accent-60: hsla(275, 58%, 67%, 0.6); --accent-70: hsla(275, 58%, 67%, 0.7); --accent-80: hsla(275, 58%, 67%, 0.8); --accent-90: hsla(275, 58%, 67%, 0.9); --accent-soft: hsla(63, 94%, 67%, 1); --accent-soft-5: hsla(63, 94%, 67%, 0.05); --accent-soft-10: hsla(63, 94%, 67%, 0.1); --accent-soft-20: hsla(63, 94%, 67%, 0.2); --accent-soft-30: hsla(63, 94%, 67%, 0.3); --accent-soft-40: hsla(63, 94%, 67%, 0.4); --accent-soft-50: hsla(63, 94%, 67%, 0.5); --accent-soft-60: hsla(63, 94%, 67%, 0.6); --accent-soft-70: hsla(63, 94%, 67%, 0.7); --accent-soft-80: hsla(63, 94%, 67%, 0.8); --accent-soft-90: hsla(63, 94%, 67%, 0.9); --accent-strong: hsla(240, 94%, 38%, 1); --accent-strong-5: hsla(240, 94%, 38%, 0.05); --accent-strong-10: hsla(240, 94%, 38%, 0.1); --accent-strong-20: hsla(240, 94%, 38%, 0.2); --accent-strong-30: hsla(240, 94%, 38%, 0.3); --accent-strong-40: hsla(240, 94%, 38%, 0.4); --accent-strong-50: hsla(240, 94%, 38%, 0.5); --accent-strong-60: hsla(240, 94%, 38%, 0.6); --accent-strong-70: hsla(240, 94%, 38%, 0.7); --accent-strong-80: hsla(240, 94%, 38%, 0.8); --accent-strong-90: hsla(240, 94%, 38%, 0.9); --bg-body: hsla(0, 0%, 90%, 1); --bg-surface: hsla(0, 0%, 100%, 1); --transparent: #01aed000; --text-body: hsla(0, 0%, 25%, 1); --text-title: hsla(0, 0%, 0%, 1); --border-primary: hsla(0, 0%, 50%, 0.25); --shadow-primary: hsla(0, 0%, 0%, 0.15); --light: hsla(85, 0%, 100%, 1); --light-5: hsla(0, 0%, 100%, 0.05); --light-10: hsla(0, 0%, 100%, 0.1); --light-20: hsla(0, 0%, 100%, 0.2); --light-30: hsla(0, 0%, 100%, 0.3); --light-40: hsla(0, 0%, 100%, 0.4); --light-50: hsla(0, 0%, 100%, 0.5); --light-60: hsla(0, 0%, 100%, 0.6); --light-70: hsla(0, 0%, 100%, 0.7); --light-80: hsla(0, 0%, 100%, 0.8); --light-90: hsla(0, 0%, 100%, 0.9); --dark: hsla(0, 0%, 0%, 1); --dark-5: hsla(0, 0%, 0%, 0.05); --dark-10: hsla(0, 0%, 0%, 0.1); --dark-20: hsla(0, 0%, 0%, 0.2); --dark-30: hsla(0, 0%, 0%, 0.3); --dark-40: hsla(0, 0%, 0%, 0.4); --dark-50: hsla(0, 0%, 0%, 0.5); --dark-60: hsla(0, 0%, 0%, 0.6); --dark-70: hsla(0, 0%, 0%, 0.7); --dark-80: hsla(0, 0%, 0%, 0.8); --dark-90: hsla(0, 0%, 0%, 0.9); --success: #00FF6A; --success-5: #00ff6a0d; --success-10: #00ff6a1a; --success-20: #00ff6a33; --success-30: #00ff6a4d; --success-40: #00ff6a66; --success-50: #00ff6a80; --success-60: #00ff6a99; --success-70: #00ff6ab3; --success-80: #00ff6acc; --success-90: #00ff6ae6; --error: #FF4857; --error-5: #ff48570d; --error-10: #ff48571a; --error-20: #ff485733; --error-30: #ff48574d; --error-40: #ff485766; --error-50: #ff485780; --error-60: #ff485799; --error-70: #ff4857b3; --error-80: #ff4857cc; --error-90: #ff4857e6; --warning: #FF3636; --warning-5: #ff36360d; --warning-10: #ff36361a; --warning-20: #ff363633; --warning-30: #ff36364d; --warning-40: #ff363666; --warning-50: #ff363680; --warning-60: #ff363699; --warning-70: #ff3636b3; --warning-80: #ff3636cc; --warning-90: #ff3636e6; --info: #FFF706; --info-5: #fff7060d; --info-10: #fff7061a; --info-20: #fff70633; --info-30: #fff7064d; --info-40: #fff70666; --info-50: #fff70680; --info-60: #fff70699; --info-70: #fff706b3; --info-80: #fff706cc; --info-90: #fff706e6; } :root[data-brx-theme="dark"] { --primary: #292729; --primary-5: #2927290d; --primary-10: #2927291a; --primary-20: #29272933; --primary-30: #2927294d; --primary-40: #29272966; --primary-50: #29272980; --primary-60: #29272999; --primary-70: #292729b3; --primary-80: #292729cc; --primary-90: #292729e6; --secondary: #FDFEFF; --secondary-5: #fdfeff0d; --secondary-10: #fdfeff1a; --secondary-20: #fdfeff33; --secondary-30: #fdfeff4d; --secondary-40: #fdfeff66; --secondary-50: #fdfeff80; --secondary-60: #fdfeff99; --secondary-70: #fdfeffb3; --secondary-80: #fdfeffcc; --secondary-90: #fdfeffe6; --overlay-25: rgba(0, 0, 0, 0.25); --overlay-25-5: rgba(0, 0, 0, 0.05); --overlay-25-10: rgba(0, 0, 0, 0.1); --overlay-25-20: rgba(0, 0, 0, 0.2); --overlay-25-30: rgba(0, 0, 0, 0.3); --overlay-25-40: rgba(0, 0, 0, 0.4); --overlay-25-50: rgba(0, 0, 0, 0.5); --overlay-25-60: rgba(0, 0, 0, 0.6); --overlay-25-70: rgba(0, 0, 0, 0.7); --overlay-25-80: rgba(0, 0, 0, 0.8); --overlay-25-90: rgba(0, 0, 0, 0.9); --accent: hsla(275, 58%, 67%, 1); --accent-5: hsla(275, 58%, 67%, 0.05); --accent-10: hsla(275, 58%, 67%, 0.1); --accent-20: hsla(275, 58%, 67%, 0.2); --accent-30: hsla(275, 58%, 67%, 0.3); --accent-40: hsla(275, 58%, 67%, 0.4); --accent-50: hsla(275, 58%, 67%, 0.5); --accent-60: hsla(275, 58%, 67%, 0.6); --accent-70: hsla(275, 58%, 67%, 0.7); --accent-80: hsla(275, 58%, 67%, 0.8); --accent-90: hsla(275, 58%, 67%, 0.9); --accent-soft: hsla(63, 94%, 67%, 1); --accent-soft-5: hsla(63, 94%, 67%, 0.05); --accent-soft-10: hsla(63, 94%, 67%, 0.1); --accent-soft-20: hsla(63, 94%, 67%, 0.2); --accent-soft-30: hsla(63, 94%, 67%, 0.3); --accent-soft-40: hsla(63, 94%, 67%, 0.4); --accent-soft-50: hsla(63, 94%, 67%, 0.5); --accent-soft-60: hsla(63, 94%, 67%, 0.6); --accent-soft-70: hsla(63, 94%, 67%, 0.7); --accent-soft-80: hsla(63, 94%, 67%, 0.8); --accent-soft-90: hsla(63, 94%, 67%, 0.9); --accent-strong: hsla(240, 94%, 38%, 1); --accent-strong-5: hsla(240, 94%, 38%, 0.05); --accent-strong-10: hsla(240, 94%, 38%, 0.1); --accent-strong-20: hsla(240, 94%, 38%, 0.2); --accent-strong-30: hsla(240, 94%, 38%, 0.3); --accent-strong-40: hsla(240, 94%, 38%, 0.4); --accent-strong-50: hsla(240, 94%, 38%, 0.5); --accent-strong-60: hsla(240, 94%, 38%, 0.6); --accent-strong-70: hsla(240, 94%, 38%, 0.7); --accent-strong-80: hsla(240, 94%, 38%, 0.8); --accent-strong-90: hsla(240, 94%, 38%, 0.9); --bg-body: hsla(0, 0%, 90%, 1); --bg-surface: hsla(0, 0%, 100%, 1); --transparent: #01aed000; --text-body: hsla(0, 0%, 25%, 1); --text-title: hsla(0, 0%, 0%, 1); --border-primary: hsla(0, 0%, 50%, 0.25); --shadow-primary: hsla(0, 0%, 0%, 0.15); --light: hsla(85, 0%, 100%, 1); --light-5: hsla(0, 0%, 100%, 0.05); --light-10: hsla(0, 0%, 100%, 0.1); --light-20: hsla(0, 0%, 100%, 0.2); --light-30: hsla(0, 0%, 100%, 0.3); --light-40: hsla(0, 0%, 100%, 0.4); --light-50: hsla(0, 0%, 100%, 0.5); --light-60: hsla(0, 0%, 100%, 0.6); --light-70: hsla(0, 0%, 100%, 0.7); --light-80: hsla(0, 0%, 100%, 0.8); --light-90: hsla(0, 0%, 100%, 0.9); --dark: hsla(0, 0%, 0%, 1); --dark-5: hsla(0, 0%, 0%, 0.05); --dark-10: hsla(0, 0%, 0%, 0.1); --dark-20: hsla(0, 0%, 0%, 0.2); --dark-30: hsla(0, 0%, 0%, 0.3); --dark-40: hsla(0, 0%, 0%, 0.4); --dark-50: hsla(0, 0%, 0%, 0.5); --dark-60: hsla(0, 0%, 0%, 0.6); --dark-70: hsla(0, 0%, 0%, 0.7); --dark-80: hsla(0, 0%, 0%, 0.8); --dark-90: hsla(0, 0%, 0%, 0.9); --success: #00FF6A; --success-5: #00ff6a0d; --success-10: #00ff6a1a; --success-20: #00ff6a33; --success-30: #00ff6a4d; --success-40: #00ff6a66; --success-50: #00ff6a80; --success-60: #00ff6a99; --success-70: #00ff6ab3; --success-80: #00ff6acc; --success-90: #00ff6ae6; --error: #FF4857; --error-5: #ff48570d; --error-10: #ff48571a; --error-20: #ff485733; --error-30: #ff48574d; --error-40: #ff485766; --error-50: #ff485780; --error-60: #ff485799; --error-70: #ff4857b3; --error-80: #ff4857cc; --error-90: #ff4857e6; --warning: #FF3636; --warning-5: #ff36360d; --warning-10: #ff36361a; --warning-20: #ff363633; --warning-30: #ff36364d; --warning-40: #ff363666; --warning-50: #ff363680; --warning-60: #ff363699; --warning-70: #ff3636b3; --warning-80: #ff3636cc; --warning-90: #ff3636e6; --info: #FFF706; --info-5: #fff7060d; --info-10: #fff7061a; --info-20: #fff70633; --info-30: #fff7064d; --info-40: #fff70666; --info-50: #fff70680; --info-60: #fff70699; --info-70: #fff706b3; --info-80: #fff706cc; --info-90: #fff706e6; }