: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;--color-primary: hsla(271, 91%, 65%, 1);--color-primary-dark: hsla(271, 60%, 49%, 1);--color-primary-off: hsla(271, 100%, 84%, 1);--color-alternative: hsla(297, 88%, 70%, 1);--color-black: hsla(0, 0%, 0%, 1);--color-white: hsla(0, 0%, 100%, 1);--color-secondary: hsla(236, 53%, 11%, 1);--color-secondary-off: hsla(235, 49%, 15%, 1);--color-borders: hsla(235, 41%, 30%, 1);--brand-gradient: radial-gradient(circle at 20% 20%, rgba(12, 20, 80, 0.45) 0%, rgba(5, 8, 40, 0.9) 35%, rgba(3, 5, 25, 1) 65%), radial-gradient(ellipse at bottom left, rgba(120, 50, 255, 0.45) 0%, rgba(90, 30, 220, 0.35) 30%, rgba(30, 10, 80, 0) 70%), radial-gradient(circle at 70% 60%, rgba(80, 20, 220, 0.25) 0%, rgba(20, 10, 60, 0) 55%), linear-gradient(135deg, #020617 0%, #05081f 35%, #0a0f35 100%);}