:root{
    --primary: #4a35cf;

    --successText: #e1ffd8;
    --successBorder: #56aa2b;
    --successBackground: #3d8f1f;

    --dangerText: #ffd8d8;
    --dangerBorder: #aa2a2a;
    --dangerBackground: #8f1f20; 

    --secondaryText: #b2b2c1;
    --secondaryBorder: #42425b;
    --secondaryBackground: #2b2b40;

    --gray50: #f4f4f4;
    --gray100: #d5d5db;
    --gray200: #b2b2c1;
    --gray300: #8282a4;
    --gray400: #5e5e7f;
    --gray500: #42425b;
    --gray600: #2b2b40;
    --gray700: #1d1d37;
    --gray800: #0b0d2a;
    --gray900: #040519;

    --radiusBox: 0.5rem;
    --radiusInput: 0.5rem;
}

body{
    font-size:1.7rem;
    background-color: var(--gray800);
    color:var(--gray200);
}