:root {
    --main: #836EED;
    --sec: #01CB8E;
    --bg: #EEFCF8;
    --white: #F9FAFB;
    --max-width-content: 1200px;
    --text: #222;
}

@media (prefers-color-scheme: dark) {
  :root {
        --main: #B8CDF8;
        --sec: #80EFD2;
        --bg: #41463D;
        --white: #41463D;
        --max-width-content: 1200px;
        --text: #EEFCF8;
    }
}