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

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

    --text-color: #ffffff;
    --text-color-desc: #ffffff86;
    --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: rgb(20, 20, 20);
    --shadow-color: rgb(54, 54, 54);
    --shadow-medium: rgb(72, 72, 72);

    --shadow-color-light: rgb(241, 241, 241);
    --shadow-color: rgb(222, 222, 222);
    --shadow-medium: rgb(170, 170, 170);


    --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%, rgba(0,234,255,1) 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%);

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

}