: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;--boja-osnovna: hsla(162, 70%, 75%, 1);--boja-sekundarna: hsla(260, 65%, 80%, 1);--boja-naglasena: hsla(25, 85%, 75%, 1);--boja-pozadina: hsla(48, 30%, 98%, 1);--boja-pozadina-sekcija: hsla(48, 20%, 96%, 1);--boja-zaglavlje: hsla(260, 30%, 94%, 1);--boja-tekst: hsla(240, 8%, 20%, 1);--boja-tekst-svetla: hsla(240, 6%, 40%, 1);--boja-naslovi: hsla(240, 12%, 15%, 1);}:root[data-brx-theme="dark"] {--boja-osnovna: hsl(162 70% 25%);--boja-sekundarna: hsl(260 65% 19.99%);--boja-pozadina: hsl(48 30% 2%);--boja-pozadina-sekcija: hsl(48 20% 4%);--boja-zaglavlje: hsl(260 30% 6%);--boja-tekst: hsl(240 8% 80%);--boja-tekst-svetla: hsl(240 6% 60%);--boja-naslovi: hsl(240 12% 85%);}