/*
    Identidade visual do FeedbackIA.

    As cores abaixo foram amostradas da logomarca oficial — o master está em
    resources/marca/logo-original.jpeg e os recortes em public/img/. Se a
    logomarca mudar, refaça os recortes e reamostre os tons daqui.

    Carregado DEPOIS do Bootstrap nos dois layouts (app e guest), porque
    sobrescreve variáveis e componentes dele.
*/
:root {
    /* rampa da logomarca */
    --marca-azul:        #1e5fe0;
    --marca-azul-claro:  #2b8ce8;
    --marca-teal:        #16beb4;
    --marca-roxo:        #8f5ad4;
    --marca-rosa:        #e8447f;
    --marca-laranja:     #f97316;

    /* azul-marinho do lettering "Feedback" — base da interface */
    --marca-navy:        #101c4e;
    --marca-navy-claro:  #1c2c66;

    --marca-azul-escuro: #1749b0;
    --marca-gradiente:   linear-gradient(90deg,
                            var(--marca-azul) 0%,
                            var(--marca-azul-claro) 28%,
                            var(--marca-teal) 46%,
                            var(--marca-roxo) 60%,
                            var(--marca-rosa) 78%,
                            var(--marca-laranja) 100%);

    --marca-fundo:       #f6f7f9;
    --marca-borda:       #e5e7eb;

    /* Bootstrap: só o que é lido por var() em utilitários (.text-primary,
       .bg-primary, .link-primary). Botões têm regra própria mais abaixo. */
    --bs-primary:        #1e5fe0;
    --bs-primary-rgb:    30, 95, 224;
    --bs-link-color:     #1e5fe0;
    --bs-link-color-rgb: 30, 95, 224;
    --bs-link-hover-color: #1749b0;
    --bs-link-hover-color-rgb: 23, 73, 176;
}

/*
    ---------- lockup da marca ----------

    Tudo aqui é a arte oficial em PNG, recortada de resources/marca/logo-original.jpeg:

      logo-feedbackia.png            lockup completo (símbolo sobre lettering)
      logo-feedbackia-branca.png     idem, "Feedback" em branco — fundo escuro
      marca-feedbackia.png           só o símbolo
      lettering-feedbackia.png       só o lettering
      lettering-feedbackia-branco.png  idem, em branco — fundo escuro

    O lettering NUNCA é texto HTML: a fonte da marca não está instalada e
    qualquer substituta descaracterizaria a logomarca.
*/
.marca {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    text-decoration: none;
    line-height: 1;
}
.marca-simbolo   { display: block; width: auto; height: 2rem; }
.marca-lettering { display: block; width: auto; height: 1.05rem; }

/* Lockup empilhado, do jeito que a arte original é desenhada. */
.marca-empilhada { display: block; width: auto; max-width: 100%; }

/* ---------- botões e foco ---------- */
.btn-primary {
    --bs-btn-bg:            #1e5fe0;
    --bs-btn-border-color:  #1e5fe0;
    --bs-btn-hover-bg:      #1749b0;
    --bs-btn-hover-border-color: #1749b0;
    --bs-btn-active-bg:     #143d95;
    --bs-btn-active-border-color: #143d95;
    --bs-btn-disabled-bg:   #1e5fe0;
    --bs-btn-disabled-border-color: #1e5fe0;
}
.btn-outline-primary {
    --bs-btn-color:         #1e5fe0;
    --bs-btn-border-color:  #1e5fe0;
    --bs-btn-hover-bg:      #1e5fe0;
    --bs-btn-hover-border-color: #1e5fe0;
    --bs-btn-active-bg:     #1749b0;
    --bs-btn-active-border-color: #1749b0;
}
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: var(--marca-azul-claro);
    box-shadow: 0 0 0 .2rem rgba(30, 95, 224, .18);
}
.form-check-input:checked {
    background-color: var(--marca-azul);
    border-color: var(--marca-azul);
}
.progress-bar.bg-primary { background: var(--marca-gradiente) !important; }