: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;--text-body: hsl(120 0% 20%);--primary: hsl(120 38% 16%);--secondary: hsl(26, 100%, 50%);--light: hsl(0, 0%, 100%);--bg-body: hsl(0 0% 95%);--primary-l-0: hsl(120, 15%, 33%);--primary-l-1: hsl(120, 7%, 50%);--primary-l-2: hsl(120, 7%, 66%);--primary-l-3: hsl(125, 38%, 94%);--secondary-l-1: hsl(26, 100%, 58%);--secondary-l-2: hsl(26, 100%, 67%);--secondary-l-3: hsl(26, 100%, 75%);--secondary-l-4: hsl(26, 100%, 83%);--secondary-l-5: hsl(26, 100%, 92%);--success: hsl(141 71% 62%);--danger: hsl(0 80% 40);--text-body-l-1: hsl(0, 0%, 31%);--text-body-l-2: hsl(0, 0%, 43%);--text-body-l-3: hsl(0, 0%, 54%);--text-body-l-4: hsl(0, 0%, 66%);--text-body-l-5: hsl(0, 0%, 77%);--text-body-l-6: hsl(0, 0%, 89%);--secondary-d-1: hsl(26, 100%, 44%);--secondary-d-2: hsl(26, 100%, 39%);--secondary-d-3: hsl(26, 100%, 33%);--secondary-d-4: hsl(26, 100%, 28%);--secondary-d-5: hsl(26, 100%, 22%);--secondary-d-6: hsl(26, 100%, 17%);--secondary-d-7: hsl(26, 100%, 11%);--secondary-d-8: hsl(26, 100%, 6%);--bg-surface: hsl(0, 0%, 82%);--bg-surface-l-1: hsl(0, 0%, 84%);--bg-surface-l-2: hsl(0, 0%, 85%);--bg-surface-l-3: hsl(0, 0%, 87%);--bg-surface-l-4: hsl(0, 0%, 89%);--bg-surface-l-5: hsl(0, 0%, 90%);--bg-surface-l-6: hsl(0, 0%, 92%);--bg-surface-l-7: hsl(0, 0%, 93%);--bg-surface-l-8: hsl(0, 0%, 95%);--bg-surface-l-9: hsl(0, 0%, 97%);--bg-surface-l-10: hsl(0, 0%, 98%);--bg-surface-d-1: hsl(0, 0%, 75%);--bg-surface-d-2: hsl(0, 0%, 67%);--bg-surface-d-3: hsl(0, 0%, 60%);--bg-surface-d-4: hsl(0, 0%, 52%);--bg-surface-d-5: hsl(0, 0%, 45%);--bg-surface-d-6: hsl(0, 0%, 37%);--bg-surface-d-7: hsl(0, 0%, 30%);--bg-surface-d-8: hsl(0, 0%, 22%);--bg-surface-d-9: hsl(0, 0%, 15%);--bg-surface-d-10: hsl(0, 0%, 7%);}:root[data-brx-theme="dark"] {--text-body: hsl(0 0% 80%);--primary: hsl(120 38% 84%);--secondary: hsl(26 100% 60%);--bg-body: hsl(0 0% 5%);--primary-l-0: hsl(120, 38%, 87%);--primary-l-1: hsl(120, 38%, 90%);--primary-l-2: hsl(120, 38%, 94%);--primary-l-3: hsl(120, 38%, 97%);--secondary-l-1: hsl(26, 100%, 67%);--secondary-l-2: hsl(26, 100%, 73%);--secondary-l-3: hsl(26, 100%, 80%);--secondary-l-4: hsl(26, 100%, 87%);--secondary-l-5: hsl(26, 100%, 93%);--text-body-l-1: hsl(0, 0%, 83%);--text-body-l-2: hsl(0, 0%, 86%);--text-body-l-3: hsl(0, 0%, 89%);--text-body-l-4: hsl(0, 0%, 91%);--text-body-l-5: hsl(0, 0%, 94%);--text-body-l-6: hsl(0, 0%, 97%);--secondary-d-1: hsl(26, 76%, 53%);--secondary-d-2: hsl(26, 67%, 47%);--secondary-d-3: hsl(26, 67%, 40%);--secondary-d-4: hsl(26, 67%, 33%);--secondary-d-5: hsl(26, 67%, 27%);--secondary-d-6: hsl(26, 67%, 20%);--secondary-d-7: hsl(26, 67%, 13%);--secondary-d-8: hsl(26, 67%, 7%);--bg-surface: hsl(0 0% 18%);--bg-surface-l-1: hsl(0, 0%, 25%);--bg-surface-l-2: hsl(0, 0%, 33%);--bg-surface-l-3: hsl(0, 0%, 40%);--bg-surface-l-4: hsl(0, 0%, 48%);--bg-surface-l-5: hsl(0, 0%, 55%);--bg-surface-l-6: hsl(0, 0%, 63%);--bg-surface-l-7: hsl(0, 0%, 70%);--bg-surface-l-8: hsl(0, 0%, 78%);--bg-surface-l-9: hsl(0, 0%, 85%);--bg-surface-l-10: hsl(0, 0%, 93%);--bg-surface-d-1: hsl(0, 0%, 16%);--bg-surface-d-2: hsl(0, 0%, 15%);--bg-surface-d-3: hsl(0, 0%, 13%);--bg-surface-d-4: hsl(0, 0%, 11%);--bg-surface-d-5: hsl(0, 0%, 10%);--bg-surface-d-6: hsl(0, 0%, 8%);--bg-surface-d-7: hsl(0, 0%, 7%);--bg-surface-d-8: hsl(0, 0%, 5%);--bg-surface-d-9: hsl(0, 0%, 3%);--bg-surface-d-10: hsl(0, 0%, 2%);}