:root.darkmode {
    
    --main-color-trans: #000000;
    --main-color-light: #eb5490;
    --main-color: #ee0a43;
    --main-color-dark: #dd0058;
    --main-color-darker: #af0046;

    --background-color-light: #181818;
    --background-color: #000000;
    --background-color-dark: #1a1a1ae3;
    --background-color-darker: #dfdfdf;
    --background-color-darkest: #312020;

    --text-color: #ffffff;
    --text-color-desc: #ffffff98;
    --text-color-barely: #ffffff56;

    --fw-400: 400;
    --fw-500: 500;    
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;



    --shadow-color-light: rgba(255, 255, 255, 0.084);
    --shadow-color: rgba(222, 222, 222, 0.068);
    --shadow-medium: rgba(255, 255, 255, 0.232);


    --card-transition: cubic-bezier(0.83, 0.02, 0.17, 0.98);
    --card-transition-2: cubic-bezier(0.34, 0.78, 0, 0.97);

    --gradient1: linear-gradient(250deg, rgb(255, 146, 73) 21%, rgba(255,0,255,1) 50%, rgb(0, 238, 255) 100%);
    --gradient2: linear-gradient(250deg, rgba(255,0,255,1) 30%, rgba(0,234,255,1) 100%);

    --gradient1-c: linear-gradient(250deg, rgb(253, 126, 41) 21%, rgb(255, 0, 204) 50%, rgb(0, 229, 245) 100%);

    --gradient1-r: linear-gradient(260deg, rgb(255, 146, 73) 10%, rgba(255,0,255,1) 40%, rgba(0,234,255,1) 75%, rgb(255, 146, 73) 100%);

    --gc1: #ff9249;
    --gc2: #ff00ff;
    --gc3: #00eaff;

}

:root {
    --main-color-trans: #f9f9f9;
    --main-color-light: #eb5490;
    --main-color: #ee0a43;
    --main-color-dark: #dd0058;
    --main-color-darker: #af0046;

    --background-color-light: #ffffff;
    --background-color: #f8fafb;
    --background-color-dark: #f1f1f1e3;
    --background-color-darker: #cecece;
    --background-color-darkest: #b3b3b3;

    --text-color: #030115;
    --text-color-desc: #00000098;
    --text-color-barely: #00000056;


    --fw-400: 400;
    --fw-500: 500;    
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;



    --shadow-color-light: rgba(0, 0, 0, 0.017);
    --shadow-color: rgba(0, 0, 0, 0.177);
    --shadow-medium: rgba(0, 0, 0, 0.083);


    --card-transition: cubic-bezier(0.83, 0.02, 0.17, 0.98);
    --card-transition-2: cubic-bezier(0.34, 0.78, 0, 0.97);

    --gradient1: linear-gradient(250deg, rgb(255, 146, 73) 21%, rgba(255,0,255,1) 50%, rgb(0, 238, 255) 100%);
    --gradient2: linear-gradient(250deg, rgba(255,0,255,1) 30%, rgba(0,234,255,1) 100%);

    --gradient1-c: linear-gradient(250deg, rgb(253, 126, 41) 21%, rgb(255, 0, 204) 50%, rgb(0, 229, 245) 100%);

    --gradient1-r: linear-gradient(260deg, rgb(255, 146, 73) 10%, rgba(255,0,255,1) 40%, rgba(0,234,255,1) 75%, rgb(255, 146, 73) 100%);

    --gc1: rgb(255, 146, 73);
    --gc2: rgb(255,0,255,1);
    --gc3: rgb(0,234,255,1);
}