@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

:root {
/*
CFusion v1: Global Colors
Please keep in mind, to give your more control over colors there's a dark variation for every color variable

(Ex: If it's a color that can be used in dark backgrounds and light backgrounds, You can keep the same color for both variables, if not
i recommend you to assign a proper color that suitable for subjected color theme [Dark/Light])

Wanna have multiple color themes for your project?
Stay tuned for next major update: https://chaze.rf.gd/linkup

Go Crazy with Stylings!!!*/


    --main-font: "Outfit", sans-serif;
    --alt-font: "Outfit", sans-serif;
    --empha-font: sans-serif;
    /* add more if you want */

    --main-clr: #c98912;

    --dark--bg-clr: #0D0D0D;
    --light--bg-clr: #e4e4e4;

    --dark--offbg-clr: #1e1e1e;
    --light--offbg-clr: #ffffff;

    --dark--main-clr: #d6900d;
    --dark--mainclr-shadea: #ffa600;
    --dark--mainclr-shadeb: #a6700c;
    --dark--mainclr-shadec: #805506;
    --dark--mainclr-shaded: #513500;
    --light--main-clr: #BF1725;
    --light--mainclr-shadea: #0B508C;
    --light--mainclr-shadeb: #c10d0d;
    --light--mainclr-shadec: #7e0808;
    --light--mainclr-shaded: #510000;

    --dark--alt-clr: #00FF41;
    --light--alt-clr: #0B438C;

    --dark--text-clr: #ffffff;
    --light--text-clr: #0D0D0D;

    --dark--invert-clr: #0D0D0D;
    --light--invert-clr: #ffffff;

    --dark--shadow-clr: #0D0D0D80;
    --light--shadow-clr: #00000033;

    --dark--disabled-clr: rgb(100, 100, 100);
    --light--disabled-clr: rgb(100, 100, 100);
    
    --dark--active-clr: "";
    --light--active-clr: #ba141a;

    --dark--warning-clr: "red";
    --light--warning-clr: "red";
    
    --neon-effect: 0 0 0 transparent,
    0 0 20px #ffffff25,
    0 0 800px rgba(255, 255, 255, 0.164),
    0 0 500px rgba(124, 124, 124, 0.212),
    0 0 20px rgba(209, 244, 253,0.2),
    0 0 30px rgba(203, 245, 245, 0.158),
    0px 0px 50px rgba(236, 236, 236, 0.199); 
}