: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; --black: hsl(0 0% 0%); --white: hsl(0 0% 100%); --theme-color-100: hsl(192 100% 95%); --theme-color-200: hsl(196 100% 85%); --theme-color-300: hsl(195 100% 64%); --theme-color-400: hsl(205 100% 50%); --theme-color-500: hsl(210 100% 39%); --theme-color-600: hsl(206 100% 31%); --theme-color-700: hsl(204 100% 20%); --theme-color-800: hsl(206 100% 14%); --theme-color-900: hsl(218 100% 8%); --gray-100: hsl(0 0% 94%); --gray-200: hsl(0 0% 82%); --gray-300: hsl(0 0% 67%); --gray-400: hsl(0 0% 60%); --gray-500: hsl(0 0% 47%); --gray-600: hsl(0 0% 33%); --gray-700: hsl(0 0% 20%); --gray-800: hsl(0 0% 13%);}