:root {
    /* Colores principales */
    --color-primary: #00558c;
    --color-primary-dark: #00406B;
    --color-primary-light: #3988da;
    --color-primary-highlight: #8AD0FF;
    --color-primary-highlight-transparent: rgba(138, 208, 255, 0.2);
    --color-primary-transparent: rgb(0 85 140 / 70%);
    --color-primary-darker: #003457;
    /* Colores secundarios */
    --color-secondary: #05C3DD;
    --color-secondary-dark: #038EA0;
    --color-secondary-light: #32E3FB;
    /* 
        Neutros (grises, fondos, bordes, textos) 
    */
    --color-background: #ffffff;
    --color-background-alternative: #f4f4f4;
    --color-background-dark: #DFE3E8;
    --color-surface: #EAEAEA;
    --color-border: #d5d5d5;
    --color-border-dark: #aaaaaa;
    --color-border-darker: #5b5b5b;
    --color-shadow: #c0c0c0;
    --color-shadow-transparet: rgba(56, 56, 58, 0.25);
    --color-text: #171717;
    --color-text-light: #ABABAB;
    --color-text-inverse: #ffffff;
    --color-disabled: #d5d5d5;
    --color-disabled-dark: #ADADAD;
    --color-disabled-light: #F2F2F2;
    /* Estados */
    --color-success: #28a745;
    --color-success-dark: #208337;
    --color-success-light: #32CD56;
    --color-success-transparet: #28a745ba;
    --color-warning: #ffc107;
    --color-warning-dark: #D19D00;
    --color-warning-light: #ffc107;
    --color-warning-transparet: #ffc107ab;
    --color-error: #ed143d;
    --color-error-dark: #C20F30;
    --color-error-light: #F03D5E;
    --color-error-transparet: #ed143dadab;
    --color-info: #157fc0;
    --color-info-dark: #106193;
    --color-info-light: #1A97E6;
    --color-info-transparet: #157fc0ab;
}