:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-green: #4caf50; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --primary: #178BB7; --primary-5: #178bb70d; --primary-10: #178bb71a; --primary-20: #178bb733; --primary-30: #178bb74d; --primary-40: #178bb766; --primary-50: #178bb780; --primary-60: #178bb799; --primary-70: #178bb7b3; --primary-80: #178bb7cc; --primary-90: #178bb7e6; --primary-d-1: #1d6e90; --primary-d-2: #1d5068; --primary-d-3: #1a3847; --primary-d-4: #131f26; --primary-l-1: #5da3c6; --primary-l-2: #87b8d4; --primary-l-3: #b1cfe2; --primary-l-4: #dae8f1; --secondary: #2EA14C; --secondary-5: #2EA14C0d; --secondary-10: #2EA14C1a; --secondary-20: #2EA14C33; --secondary-30: #2EA14C4d; --secondary-40: #2EA14C66; --secondary-50: #2EA14C80; --secondary-60: #2EA14C99; --secondary-70: #2EA14Cb3; --secondary-80: #2EA14Ccc; --secondary-90: #2EA14Ce6; --secondary-d-1: #bd7c14; --secondary-d-2: #8d5e16; --secondary-d-3: #5d3e14; --secondary-d-4: #2f210e; --secondary-l-1: #fbb150; --secondary-l-2: #ffc37a; --secondary-l-3: #ffd8a8; --secondary-l-4: #ffead1; --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); --dark-l-1: hsla(0, 0%, 12%, 1); --dark-l-2: hsla(0, 0%, 21%, 1); --dark-l-3: hsla(0, 0%, 31%, 1); --dark-l-4: hsla(0, 0%, 41%, 1); --dark-l-5: hsla(0, 0%, 52%, 1); --dark-l-6: hsla(0, 0%, 64%, 1); --dark-l-7: hsla(0, 0%, 75%, 1); --dark-l-8: hsla(0, 0%, 88%, 1); --bg-body: #F7F9FB; --bg-surface: #ffffff; --text-body: #111111; --text-muted: #4A4A4A; --text-inverse: #ffffff; --border-primary: hsla(0, 0%, 50%, 0.25); --shadow-primary: hsla(0, 0%, 0%, 0.15);}