$blog_body-bg: rgb(33, 39, 48); $blog_body-bg-light: rgb(37, 45, 57); // nom == natenom $nom-blue: rgb(70, 136, 222); // #4588de $nom-blue-dark: rgb(50, 116, 202); $nom-blue-light: rgb(110, 176, 255); // #6db0ff $grey: rgb(155, 155, 170); $grey-light: rgb(175, 175, 190); $white: rgb(255, 255, 255); :root { --background: rgb(33, 39, 48); --background-contrast: rgb(37, 45, 57); --text: rgb(255, 255, 255); --nom-blue: rgb(70, 136, 222); // #4588de } @media (prefers-color-scheme: light) { :root { --background: rgb(255, 255, 255); --background-contrast: rgb(245, 245, 245); --text: rgb(0, 0, 0); } }