:root {

    font-size: 62.5%;

    /* colores de la app*/
    /* primary #06182C*/
    --primary: #05315D;
    --secondary: #4FE5CB;
    --background-app: #EDEDF0;

    /* Colores de estado/feedback */
    --success: #D1FCF3;
    --dark-success: #44c8b1; 
    --danger: #E57A77; 
    --warning: #EFBE4B; 

    /* Colores neutros/texto */
    --color-grey-dark: #3f3c3c;
    --color-grey-light: #8897AB;
    --color-grey: #cccccc;
    --color-white: #fffdfd;

    /* Tallas de texto pequeñas y base */
    --font-size-xs: 1.2rem;   /* Extra Pequeño (12px) - Notas, legal */
    --font-size-sm: 1.4rem;   /* Pequeño (14px) - Etiquetas, leyendas */
    --font-size-base: 1.6rem; /* Base (16px) - Párrafos y texto general */
    
    /* Encabezados y títulos */
    --font-size-h6: 1.8rem;   /* H6 (18px) */
    --font-size-h5: 2.0rem;   /* H5 (20px) */
    --font-size-h4: 2.4rem;   /* H4 (24px) */
    --font-size-h3: 2.8rem;   /* H3 (28px) */
    --font-size-h2: 3.2rem;   /* H2 (32px) */
    --font-size-h1: 4.0rem;   /* H1 (40px) - Títulos de página grandes */

    /* PESOS DE FUENTE */
    --font-weight-light: 300;
    --font-weight-regular: 400; /* Para el texto base y párrafos */
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
}