:root { --primary: #283c52; --primary-5: #283c52; --primary-10: #283c52; --primary-20: #283c52; --primary-30: #283c52; --primary-40: #283c52; --primary-50: #283c52; --primary-60: #283c52; --primary-70: #283c52; --primary-80: #283c52; --primary-90: #283c52; --primary-d-1: #233243; --primary-d-2: #1b2531; --primary-d-3: #151b23; --primary-d-4: #0e1116; --primary-l-1: #4f5f72; --primary-l-2: #7a8594; --primary-l-3: #a4acb6; --primary-l-4: #d2d5db; --secondary: #1f1f21; --secondary-5: #1f1f21; --secondary-10: #1f1f21; --secondary-20: #1f1f21; --secondary-30: #1f1f21; --secondary-40: #1f1f21; --secondary-50: #1f1f21; --secondary-60: #1f1f21; --secondary-70: #1f1f21; --secondary-80: #1f1f21; --secondary-90: #1f1f21; --secondary-d-1: #1b1b1d; --secondary-d-2: #161618; --secondary-d-3: #0f0f10; --secondary-d-4: #0a0a0b; --secondary-l-1: #474748; --secondary-l-2: #6f6f71; --secondary-l-3: #9d9d9f; --secondary-l-4: #cbcbcd; --tertiary: #ffffff; --tertiary-5: #ffffff; --tertiary-10: #ffffff; --tertiary-20: #ffffff; --tertiary-30: #ffffff; --tertiary-40: #ffffff; --tertiary-50: #ffffff; --tertiary-60: #ffffff; --tertiary-70: #ffffff; --tertiary-80: #ffffff; --tertiary-90: #ffffff; --tertiary-d-1: #c7c7c7; --tertiary-d-2: #919191; --tertiary-d-3: #5e5e5e; --tertiary-d-4: #303030; --tertiary-l-1: #ffffff; --tertiary-l-2: #ffffff; --tertiary-l-3: #ffffff; --tertiary-l-4: #ffffff; --bg-body: #efefef; --bg-surface: #27354f; --text-body: #1f1f21; --text-title: hsl(0 0% 0%); --border-primary: hsl(0 0% 50% / 0.25); --shadow-primary: hsl(0 0% 0% / 0.15); --light: hsl(0 0% 100%); --light-5: hsl(0 0% 100% / 0.05); --light-10: hsl(0 0% 100% / 0.1); --light-20: hsl(0 0% 100% / 0.2); --light-30: hsl(0 0% 100% / 0.3); --light-40: hsl(0 0% 100% / 0.4); --light-50: hsl(0 0% 100% / 0.5); --light-60: hsl(0 0% 100% / 0.6); --light-70: hsl(0 0% 100% / 0.7); --light-80: hsl(0 0% 100% / 0.8); --light-90: hsl(0 0% 100% / 0.9); --dark: hsl(0 0% 0%); --dark-5: hsl(0 0% 0% / 0.05); --dark-10: hsl(0 0% 0% / 0.1); --dark-20: hsl(0 0% 0% / 0.2); --dark-30: hsl(0 0% 0% / 0.3); --dark-40: hsl(0 0% 0% / 0.4); --dark-50: hsl(0 0% 0% / 0.5); --dark-60: hsl(0 0% 0% / 0.6); --dark-70: hsl(0 0% 0% / 0.7); --dark-80: hsl(0 0% 0% / 0.8); --dark-90: hsl(0 0% 0% / 0.9); --success: hsl(136 95% 56%); --success-5: hsl(136 95% 56% / 0.05); --success-10: hsl(136 95% 56% / 0.1); --success-20: hsl(136 95% 56% / 0.2); --success-30: hsl(136 95% 56% / 0.3); --success-40: hsl(136 95% 56% / 0.4); --success-50: hsl(136 95% 56% / 0.5); --success-60: hsl(136 95% 56% / 0.6); --success-70: hsl(136 95% 56% / 0.7); --success-80: hsl(136 95% 56% / 0.8); --success-90: hsl(136 95% 56% / 0.9); --error: hsl(351 95% 56%); --error-5: hsl(351 95% 56% / 0.05); --error-10: hsl(351 95% 56% / 0.1); --error-20: hsl(351 95% 56% / 0.2); --error-30: hsl(351 95% 56% / 0.3); --error-40: hsl(351 95% 56% / 0.4); --error-50: hsl(351 95% 56% / 0.5); --error-60: hsl(351 95% 56% / 0.6); --error-70: hsl(351 95% 56% / 0.7); --error-80: hsl(351 95% 56% / 0.8); --error-90: hsl(351 95% 56% / 0.9);}