: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; --accent: hsl(206, 100%, 38%); --accent-l-1: hsl(206, 79%, 44%); --accent-l-2: hsl(206, 63%, 49%); --accent-l-3: hsl(206, 61%, 55%); --accent-l-4: hsl(206, 61%, 61%); --accent-l-5: hsl(206, 61%, 66%); --accent-l-6: hsl(206, 61%, 72%); --accent-l-7: hsl(206, 61%, 77%); --accent-l-8: hsl(206, 61%, 83%); --accent-l-9: hsl(206, 61%, 89%); --accent-l-10: hsl(206, 61%, 94%); --accent-d-1: hsl(206, 100%, 35%); --accent-d-2: hsl(206, 100%, 31%); --accent-d-3: hsl(206, 100%, 28%); --accent-d-4: hsl(206, 100%, 24%); --accent-d-5: hsl(206, 100%, 21%); --accent-d-6: hsl(206, 100%, 17%); --accent-d-7: hsl(206, 100%, 14%); --accent-d-8: hsl(206, 100%, 10%); --accent-d-9: hsl(206, 100%, 7%); --accent-d-10: hsl(206, 100%, 3%); --accent-light: var(--accent-l-6); --accent-dark: var(--accent-d-6); --bg-1: hsl(22, 18%, 91%); --bg-2: hsl(22 20 83); --bg-0: #fff; --bg: hsl(22 25 95);}