:root {
    --amarillo: #ff0008;
    --amarillo-suave: #fa9191d7;
    --amarillo-hover: #ffd200;
    --negro: #1a1a1a;
    --negro-suave: #313131;
    --gris-claro: #f4f4f4;
    --gris-texto: #313131;
    --gris-disabled: #e2e8f0;
    --texto-disabled: #94a3b8;
    --blanco: #ffffff;
    --sombra: rgba(0, 0, 0, 0.1);
    --icono-capsula: #1a1a1a;
    --texto-capsula: #1a1a1a;
    --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);
}