:root {
    --ciano: #00B2FF;
    --amarelo-solar: #F8B802;
    --laranja-intenso: #F18702;
    --vermelho-alerta: #FF1E3D;
    --vermelho-quente: #FF5F56;
    --vermelho-alerta-claro-medio: #FF4D58;
    --roxo-profundo: #3D348B;
    --roxo-medio: #645DD7;
    --cinza: #B3B3B3;
    --azul: #002B5B;
    --rosa-neon: #F96495;
    --turquesa: #4BDD78;
    --verde-escuro: #486D3C;
    --vinho-suave: #7B5070;
    
    --ciano-gradiente-claro: linear-gradient(to right, #00B2FF, #66D9FF);
    --amarelo-solar-gradiente-claro: linear-gradient(to right, #F8B802, #FFD966);
    --verde-escuro-gradiente-claro: linear-gradient(to right, #486D3C, #7F9A5C);
    --laranja-intenso-gradiente-claro: linear-gradient(to right,  #F18702, #FFA447);
    --vermelho-alerta-gradiente-claro: linear-gradient(to right, #FF1E3D, #FF6675 );
    --vermelho-quente-gradiente-claro: linear-gradient(to right, #FF5F56, #FF958E);
    --roxo-profundo-gradiente-claro: linear-gradient(to right, #3D348B, #6A5DB3);
    --roxo-medio-gradiente-claro: linear-gradient(to right, #645DD7, #8C86F3);
    --cinza-gradiente-claro: linear-gradient(to right, #B3B3B3, #E0E0E0);
    --turquesa-gradiente-claro: linear-gradient(to right, #4BDD78, #91F0D2);
    --rosa-neon-gradiente-claro: linear-gradient(to right, #F96495, #FFA0FC); 
    --vinho-suave-gradiente-claro: linear-gradient(to right, #7B5070, #A37C99);

    --ciano-gradiente-escuro: linear-gradient(to right, #00B2FF,#007ACC);
    --amarelo-solar-gradiente-escuro: linear-gradient(to right, #F8B802, #B58900);
    --verde-escuro-gradiente-escuro: linear-gradient(to right, #78D64B, #4A8C33);
    --laranja-intenso-gradiente-escuro: linear-gradient(to right,  #F18702, #B25D00);
    --vermelho-alerta-gradiente-escuro: linear-gradient(to right, #FF1E3D, #B2182C );
    --vermelho-quente-gradiente-escuro: linear-gradient(to right, #FF5F56, #CC3D34);
    --roxo-profundo-gradiente-escuro: linear-gradient(to right, #3D348B, #281F5E);
    --roxo-medio-gradiente-escuro: linear-gradient(to right, #645DD7, #403A9E);
    --cinza-gradiente-escuro: linear-gradient(to right, #B3B3B3, #808080);
    
    --turquesa-gradiente-escuro: linear-gradient(to right, #4BDD78, #2B9D7F);
    --rosa-neon-gradiente-escuro: linear-gradient(to right, #F96495, #C144BA); 
    --vinho-suave-gradiente-escuro: linear-gradient(to right, #7B5070, #56344E);
    
}

.circulo {
    width: 15px;
    height: 15px;
    border-radius: 20px;
}

.call-to-action {
    background: #33CFFF;
    color: #fff;
}

.call-to-action:hover {
    text-decoration: none;
    color: #fff;
}

div.pendente {
    background: var(--amarelo-solar-gradiente-claro);
}

div.aguardando-resposta {
    background: var(--vermelho-quente-gradiente-claro)
}

div.finalizado {
    background: var(--turquesa-gradiente-claro);
}

div.cancelado {
    background: var(--vermelho-alerta-gradiente-claro);
}

.aguardando-cotacao {
    background: var(--ciano-gradiente-claro);
}

.aguardando-liberacao {
    background: var(--turquesa)
}

.qualidade {
    background: var(--roxo-medio);
}

.comparacao {
    background: var(--laranja-intenso);
}

.escolha {
    background: var(--vermelho-quente);
}

.suspenso {
    background: var(--cinza-gradiente-escuro);
}

.cancelado {
    background: var(--vermelho-alerta-gradiente-escuro);
}

.superintendente {
    background: var(--vinho-suave);
}

.po {
    background: var(--rosa-neon);
}

.nota-fiscal {
    background: var(--amarelo-solar);
}

.entrega {
    background: var(--ciano);
}

.recebido {
    background: var(--roxo-profundo);
}

.concluido {
    background: var(--verde-escuro);
}

.cotacao-perdida {
    background: var(--laranja-intenso-gradiente-escuro);
}

.cotacao.aguardando-cotacao {
    background: var(--ciano-gradiente-claro);
}

.cotacao.comparacao {
    background: var(--vermelho-quente);
}

.cotacao.nota-fiscal {
    background: var(--amarelo-solar);
}

.cotacao.superintendente {
    background: var(--vinho-suave);
}

.cotacao.po {
    background: var(--rosa-neon);
}

.cotacao.entrega {
    background: var(--ciano);
}

.cotacao.recebido {
    background: var(--roxo-profundo);
}

.cotacao.concluido {
    background: var(--verde-escuro-gradiente-escuro);
}

/* Outline */

.cotacaoperdida.outline.status {
    background: none;
    border: 2px solid;
    border-image: var(--laranja-intenso-gradiente-escuro) auto;
    color: var(--laranja-intenso);
}

.outline.status.aguardando-cotacao {
    background: none;
    border: 2px solid;
    border-image: var(--ciano-gradiente-claro) auto;
    color: var(--ciano);
}

.outline.status.comparacao {
    background: none;
    border: 2px solid var(--vermelho-quente);
    color: var(--vermelho-quente);
}

.outline.status.nota-fiscal {
    background: none;
    border: 2px solid var(--amarelo-solar);
    color: var(--amarelo-solar);
}

.outline.status.superintendente {
    background: none;
    border: 2px solid var(--vinho-suave);
    color: var(--vinho-suave);
}

.outline.status.po {
    background: none;
    border: 2px solid var(--rosa-neon);
    color: var(--rosa-neon);
}

.outline.status.entrega {
    background: none;
    border: 2px solid var(--ciano);
    color: var(--ciano);
}

.outline.status.recebido {
    background: none;
    border: 2px solid var(--roxo-profundo);
    color: var(--roxo-profundo);
}

.outline.status.concluido {
    background: none;
    border: 2px solid;
    border-image: var(--verde-escuro-gradiente-escuro) auto;
    color: var(--verde-escuro);
}