:root {
            --amarillo: #ff0008;
            --amarillo-suave: #fa9191d7;
            --amarillo-hover: #fff176;
            --negro: #1a1a1a;
            --negro-suave: #313131;
            --gris-claro: #f4f4f4;
            --gris-texto: #64748b;
            --gris-disabled: #e2e8f0;
            --texto-disabled: #94a3b8;
            --blanco: #ffffff;
            --sombra: rgba(0, 0, 0, 0.1);
            --icono-capsula: #adaf59;
            --texto-capsula: #adaf59;
            --borde-capsula: #e2e8f0;
            --rojo-texto: #ff4800;
            --azul: #000000;
            --text-boto: #ffffff;
            --text-boto-hover: #ffffff;   
            --text-boto-filtro: #ffffff;
            --box-shadow-filtro: rgba(255, 59, 59, 0.4);
        }