:root {
    --font-family: 'Roboto', sans-serif;
    --max-width: 1366px;

    --color-primary: #69B3E7;   /*  color oficial */
    --color-primary2: #30A8FF;  /*  color oficial */
    --color-primary3: #498CA2;  /*  color oficial */
    --color-primary4: #85C3ED;
    --color-primary5: #B0DBF6;
    --color-primary6: #aee0ff;
    --color-primary7: #009ed4;      /*  color oficial */
    --color-primary8: #AAD9F4;      /*  color oficial */
    --color-secondary: #E78C69;     /*  color oficial */
    --color-secondary2: #FF6930;    /*  color oficial */
    --color-secondary3: #B84F2A;    

    --color-info: #E1FAF4;      /*  color oficial */
    --color-warning: #E7D469;     /*  color oficial */
    --color-warning2: #FFDF30;     /*  color oficial */
    --color-danger: #A24970;     /*  color oficial */
    --color-danger2: #D40032;     /*  color oficial */


    --color-dark: #1B3C65;  /*  color oficial */
    --color-dark2: #252E42; /*  color oficial */
    --color-dark3: #263238;
    --color-dark4: #003366;
    --color-dark5: darkslategray;
    --color-dark6: #666666;
    --color-dark7: #114d79;
    --color-dark8: #004080;
    --color-dark9: #2F3B52;     /*  color oficial */
    --color-light: #FFFFFF;       /*  color oficial */
    --color-light2: #EBF1F4;        /*  color oficial */
    --color-light3: #CCEEFF;
}

/* Color de selección de texto */
::selection {
    background-color: var(--color-dark8);
    color: var(--color-primary5);
}

/* Compatibilidad con Firefox */
::-moz-selection {
    background-color: #FF6930;
    color: #ffffff;
}