:root {
    --color-light: #fff;
    --color-dark: #151515;
    --color-neutral: #DCEBFE;    
    --color-info: #0057FF;
    --color-success: #00A94F;
    --color-warning: #F8DE22;
    --color-error: #FF6B00;

    --font-title: "Oswald", sans-serif;
    --font-text: "Google Sans", sans-serif;
    --font-code: "JetBrains Mono", monospace;

    --size-title: clamp(5vw, 6vw, 7vw);
    --size-text: clamp(1.5vw, 2vw, 2.5vw);
    --size-code: clamp(0.5vw, 0.8vw, 1vw)
}

:root[data-theme="custom"] {
    --color-light: #DCEBFE;
    --color-dark: #0057FF;
    --color-warning: #DCEBFE;

    --color-neutral: #151515;
    --color-info: #151515;
}