: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-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --primary: hsl(1, 75%, 49%); --primary-2: hsl(190 100% 50%); --primary-3: hsl(310 100% 50%); --primary-4: hsl(46, 100%, 50%); --primary-5: hsl(58 100% 50%); --secondary: rgb(145,166,180); --secondary-l-1: rgb(155, 174, 187); --secondary-l-2: rgb(165, 182, 194); --secondary-l-3: rgb(175, 190, 200); --secondary-l-4: rgb(185, 198, 207); --secondary-l-5: rgb(195, 206, 214); --secondary-l-6: rgb(205, 215, 221); --secondary-l-7: rgb(215, 223, 228); --secondary-l-8: rgb(225, 231, 235); --secondary-l-9: rgb(235, 239, 241); --secondary-l-10: rgb(245, 247, 248); --secondary-d-1: rgb(132, 151, 164); --secondary-d-2: rgb(119, 136, 147); --secondary-d-3: rgb(105, 121, 131); --secondary-d-4: rgb(92, 106, 115); --secondary-d-5: rgb(79, 91, 98); --secondary-d-6: rgb(66, 75, 82); --secondary-d-7: rgb(53, 60, 65); --secondary-d-8: rgb(40, 45, 49); --secondary-d-9: rgb(26, 30, 33); --secondary-d-10: rgb(13, 15, 16); --secondary-t-1: rgba(145, 166, 180, 0.09); --secondary-t-2: rgba(145, 166, 180, 0.18); --secondary-t-3: rgba(145, 166, 180, 0.27); --secondary-t-4: rgba(145, 166, 180, 0.36); --secondary-t-5: rgba(145, 166, 180, 0.45); --secondary-t-6: rgba(145, 166, 180, 0.55); --secondary-t-7: rgba(145, 166, 180, 0.64); --secondary-t-8: rgba(145, 166, 180, 0.73); --secondary-t-9: rgba(145, 166, 180, 0.82); --secondary-t-10: rgba(145, 166, 180, 0.91); --gray: hsl(0, 0%, 60%); --gray-l-1: hsl(0, 0%, 64%); --gray-l-2: hsl(0, 0%, 67%); --gray-l-3: hsl(0, 0%, 71%); --gray-l-4: hsl(0, 0%, 75%); --gray-l-5: hsl(0, 0%, 78%); --gray-l-6: hsl(0, 0%, 82%); --gray-l-7: hsl(0, 0%, 85%); --gray-l-8: hsl(0, 0%, 89%); --gray-l-9: hsl(0, 0%, 93%); --gray-l-10: hsl(0, 0%, 96%); --gray-d-1: hsl(0, 0%, 55%); --gray-d-2: hsl(0, 0%, 49%); --gray-d-3: hsl(0, 0%, 44%); --gray-d-4: hsl(0, 0%, 38%); --gray-d-5: hsl(0, 0%, 33%); --gray-d-6: hsl(0, 0%, 27%); --gray-d-7: hsl(0, 0%, 22%); --gray-d-8: hsl(0, 0%, 16%); --gray-d-9: hsl(0, 0%, 11%); --gray-d-10: hsl(0, 0%, 5%); --white: hsl(0, 0%, 100%); --black: hsl(0, 0%, 0%); --primary-l-1: hsl(1, 72%, 54%); --primary-l-2: hsl(1, 72%, 58%); --primary-l-3: hsl(1, 72%, 63%); --primary-l-4: hsl(1, 72%, 68%); --primary-l-5: hsl(1, 72%, 72%); --primary-l-6: hsl(1, 72%, 77%); --primary-l-7: hsl(1, 72%, 81%); --primary-l-8: hsl(1, 72%, 86%); --primary-l-9: hsl(1, 72%, 91%); --primary-l-10: hsl(1, 72%, 95%); --primary-d-1: hsl(1, 75%, 45%); --primary-d-2: hsl(1, 75%, 40%); --primary-d-3: hsl(1, 75%, 36%); --primary-d-4: hsl(1, 75%, 31%); --primary-d-5: hsl(1, 75%, 27%); --primary-d-6: hsl(1, 75%, 22%); --primary-d-7: hsl(1, 75%, 18%); --primary-d-8: hsl(1, 75%, 13%); --primary-d-9: hsl(1, 75%, 9%); --primary-d-10: hsl(1, 75%, 4%); --primary-t-1: hsla(1, 75%, 49%, 0.09); --primary-t-2: hsla(1, 75%, 49%, 0.18); --primary-t-3: hsla(1, 75%, 49%, 0.27); --primary-t-4: hsla(1, 75%, 49%, 0.36); --primary-t-5: hsla(1, 75%, 49%, 0.45); --primary-t-6: hsla(1, 75%, 49%, 0.55); --primary-t-7: hsla(1, 75%, 49%, 0.64); --primary-t-8: hsla(1, 75%, 49%, 0.73); --primary-t-9: hsla(1, 75%, 49%, 0.82); --primary-t-10: hsla(1, 75%, 49%, 0.91); }