*{
	margin:0;
	padding:0;
    box-sizing: border-box;
    font-family: 'Arimo', sans-serif;
}

:root {
     /* 🎨 COLORES PRINCIPALES */
    --color-principal: #3F843E;
    --color-principal-claro: #6FBF6A;
    --color-principal-oscuro: #2E5F2D;

    /* 🌈 COLORES SECUNDARIOS */
    --color-secundario: #3E8481;
    --color-advertencia: #E8C547;
    --color-error: #D9534F;
    --color-exito: #3F843E;
    --color-hover: #6FBF6A;
    --color-desactivado: #A5A5A5;

    /* ⚪ COLORES NEUTROS */
    --color-fondo: #F6F6F6;
    --color-texto: #333333;
    --color-borde: #CCCCCC;
    --color-blanco: #FFFFFF;
    --color-hovert: #dff5e1;

    /* ✍️ TIPOGRAFÍA */
    --fuente-principal: 'Arimo', sans-serif;
    --tamano-base: 0.8vw;
    --tamano-titulo: clamp(1.5rem, 2.2vw, 2.5rem);
    --tamano-subtitulo: clamp(1.2rem, 1.8vw, 1.8rem);
    --tamano-texto: clamp(1rem, 1.2vw, 1.5rem);
    --tamano-pequeno: clamp(0.875rem, 1vw, 1.25rem);
    --peso-normal: 400;
    --peso-negrita: 600;

    /* 📏 ESPACIADO Y BORDES */
    --margin-pequeno: 0.5vw;
    --margin-medio: 0.8vw;
    --margin-grande: 1.5vw;
    --padding-pequeno: 0.5vw;
    --padding-medio: 1vw;
    --padding-grande: 2vw;
    --radio-borde: 1.6vh;
    --radio-boton: 1vh;

    /* 🌫️ SOMBRAS */
    --sombra-suave: 0 2px 5px rgba(0,0,0,0.1);
    --sombra-media: 0 4px 10px rgba(0,0,0,0.15);
    --sombra-fuerte: 0 6px 15px rgba(0,0,0,0.2);

    /* ⚙️ TRANSICIONES */
    --transicion-rapida: 0.2s ease-in-out;
    --transicion-media: 0.4s ease;
    --transicion-lenta: 0.6s ease;

    /* 🧱 CAPAS (Z-INDEX) */
    --z-header: 100;
    --z-menu: 200;
    --z-modal: 1000;
    --z-loading: 2000;
}