: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*/
    /* Title and subtitle font */   
    --title-subtitle-colegio: "MadeTommySoft"; /*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";

    /* colors Colegio*/
    /* violet Colegio*/
    --violetColegio-light-10: #E4D6F8;
    --violetColegio-light-20: #C9ADF1;
    --violetColegio-light-30: #AE84EA;
    --violetColegio-light-40: #935BE3;
    --violetColegio-base-50:  #7832DC;
    --violetColegio-dark-60:  #652AB9;
    --violetColegio-dark-70:  #481E84;
    --violetColegio-dark-80:  #351660;
    --violetColegio-dark-90:  #210E3D;

    /* blue colegio*/
    --blueColegio-light-10:    #E4FBFD;
    --blueColegio-light-20:    #C9F7FB;
    --blueColegio-light-30:    #AEF3FA;
    --blueColegio-light-40:    #93EFF8;
    --blueColegio-base-50:     #88DCE5;
    --blueColegio-dark-60:     #70B6BD;
    --blueColegio-dark-70:     #589095;
    --blueColegio-dark-80:     #40696D;
    --blueColegio-dark-90:     #294245;

    /* indigo colegio*/
    --indigoColegio-light-10:  #E6E8EB;
    --indigoColegio-light-20:  #BFC5CC;
    --indigoColegio-light-30:  #99A2AE;
    --indigoColegio-light-40:  #738090;
    --indigoColegio-medium-50: #3D4F65;
    --indigoColegio-dark-60:   #142945;
    --indigoColegio-base-70:   #001735;
    --indigoColegio-dark-80:   #001228;
    --indigoColegio-dark-90:   #000C1C;   
 
    /* green colegio*/
    --greenColegio-light-10:   #DEF9E8;
    --greenColegio-light-20:   #C1F5D5;
    --greenColegio-light-30:   #A0EFBE;
    --greenColegio-base-40:    #97E1B3;
    --greenColegio-medium-50:  #86C9A0;
    --greenColegio-dark-60:    #609072;
    --greenColegio-dark-70:    #466953;
    --greenColegio-dark-80:    #2C4235;
    --greenColegio-dark-90:    #1B2820;

    /* yellow colegio */
    --yellowColegio-light-10:  #FFF9E5;
    --yellowColegio-light-20:  #FFF2CA;
    --yellowColegio-light-30:  #FFEDB1;
    --yellowColegio-base-40:   #FFE696;
    --yellowColegio-medium-50: #EBBD25;
    --yellowColegio-dark-60:   #EBD48A;
    --yellowColegio-dark-70:   #998A5A;
    --yellowColegio-dark-80:   #706542;
    --yellowColegio-dark-90:   #47402A;

    /* red colegio*/
    --redColegio-light-10:     #FFD6D5;
    --redColegio-light-20:     #FFADAC;
    --redColegio-light-30:     #FF8483;
    --redColegio-light-40:     #FF5A59;
    --redColegio-base-50:      #EB5352;
    --redColegio-dark-60:      #C24544;
    --redColegio-dark-70:      #993636;
    --redColegio-dark-80:      #702727;
    --redColegio-dark-90:      #471919;
}