:root {
    /* colors */
    /* violet */
    --violet-light-10:  #EED8FF;
    --violet-light-20:  #DEB1FF;
    --violet-light-30:  #CE8BFF;
    --violet-light-40:  #BE64FF;
    --violet-medium-50: #AD3DFF;
    --violet-base-60:   #8B31CC;
    --violet-dark-70:   #682599;
    --violet-dark-80:   #451866;
    --violet-dark-90:   #220C33;

    /* blue */
    --blue-light-10:    #DEE6FD;
    --blue-light-20:    #BCCDFC;
    --blue-light-30:    #9BB4FB;
    --blue-light-40:    #799BFA;
    --blue-medium-50:   #5882F8;
    --blue-base-60:     #4668C7;
    --blue-dark-70:     #354E95;
    --blue-dark-80:     #233463;
    --blue-dark-90:     #121A31;

    /* indigo */
    --indigo-light-10:  #E6E7F3;
    --indigo-light-20:  #BFC2E1;
    --indigo-light-30:  #999DCF;
    --indigo-light-40:  #7379BD;
    --indigo-medium-50: #4D54AB;
    --indigo-dark-60:   #262F99;
    --indigo-base-70:   #000A87;
    --indigo-dark-80:   #00075E;
    --indigo-dark-90:   #000436;   
 
    /* green */
    --green-light-10:   #ECF799;
    --green-light-20:   #E1F259;
    --green-light-30:   #D0EB00;
    --green-base-40:    #C0D901;
    --green-medium-50:  #9EB300;
    --green-dark-60:    #7D8D00;
    --green-dark-70:    #5B6700;
    --green-dark-80:    #3A4100;
    --green-dark-90:    #232700;

    /* yellow */
    --yellow-light-10:  #FFF2C9;
    --yellow-light-20:  #FFE694;
    --yellow-light-30:  #FFDA5E;
    --yellow-base-40:   #FFCD28;
    --yellow-medium-50: #EBBD25;
    --yellow-dark-60:   #C29C1E;
    --yellow-dark-70:   #997B18;
    --yellow-dark-80:   #705A12;
    --yellow-dark-90:   #47390B;

    /* orange */
    --orange-light-10:  #F8E5CC;
    --orange-light-20:  #F2CB99;
    --orange-light-30:  #ECB166;
    --orange-light-40:  #E69733;
    --orange-base-50:   #DF7D00;
    --orange-dark-60:   #B36400;
    --orange-dark-70:   #864B00;
    --orange-dark-80:   #593200;
    --orange-dark-90:   #2C1900;

    /* red */
    --red-light-10:     #FFBFCE;
    --red-light-20:     #FF809E;
    --red-light-30:     #FF416E;
    --red-light-40:     #FF023D;
    --red-base-50:      #EB0238;
    --red-dark-60:      #C2012E;
    --red-dark-70:      #990125;
    --red-dark-80:      #70001B;
    --red-dark-90:      #470011;

    /* gray */
    --gray-light-10:    #F3F3F3;
    --gray-light-20:    #E8E8E7;
    --gray-light-30:    #D1D1D1;
    --gray-light-40:    #B0B0AF;
    --gray-medium-50:   #8D8D8C;
    --gray-dark-60:     #6B6B6A;
    --gray-base-70:     #4A4A48; /*color base textos párrafo*/
    --gray-dark-80:     #333331;
    --gray-dark-90:     #1D1D1B;

    /* white */
    --white:            #FFFFFF;

    /* Fonts */
    /* Title and subtitle font */   
    --title-subtitle-font: "ViceCitySans"; /*Fuente para titulos y subtitulos, tambien para copies cortos de no más de 5 palabras*/
    /* Text font (Medium) */
    --text-font-medium:    "Avenir-Medium"; /*Fuentes para textos extensos (incluye las versiones Medium, Light y Heavy)*/
    /* Text font (Light) */
    --text-font-light:     "Avenir-Light";
    /* Text font (Heavy) */
    --text-font-heavy:     "Avenir-Heavy";
}