: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;--clr-primary: #502D2D;--clr-accent: #C36E55;--clr-secondary: #326647;--bg-light: #FAF7F2;--bg-dark: #221f1c;--accent: #dab39f;--clr-btn-light: #f1ede4;--clr-white-15: rgba(250, 247, 242, 0.15);;--clr-white-50: rgba(250, 247, 242, 0.5);;--clr-white-75: rgba(250, 247, 242, 0.75);;--clr-dark-05: rgba(250, 247, 242, .05);;--clr-border-dark: rgba(255, 255, 255, 0.1);--clr-dark: hsl(0, 0%, 7%);--clr-dark-75: hsla(0, 0%, 0%, 0.75);--clr-dark-50: hsla(0, 0%, 0%, 0.5);--clr-dark-10: rgba(34, 31, 28, 0.1);;}