/* Rebranding do Sincro para a identidade visual do Five.pt -- cores e tipos
   de letra, carregado depois de assets/css/style.bundle.css (Metronic) para
   as variaveis abaixo ganharem. So primary/secondary/links/sidebar mudam;
   sucesso/aviso/erro do Bootstrap ficam como estavam (mesma decisao do
   Five, ver assets/css/custom-theme.css no projeto demo3). */

:root,
[data-bs-theme="light"] {
    --bs-font-sans-serif: "Geist", Inter, Helvetica, sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-font-display: "Fraunces", Georgia, serif;
    --bs-primary: #12454B;
    --bs-primary-rgb: 18, 69, 75;
    --bs-primary-active: #0c3035;
    --bs-primary-light: #D8F3DC;
    --bs-primary-inverse: #ffffff;
    --bs-text-primary: #12454B;
    --bs-component-active-bg: #12454B;
    --bs-component-hover-color: #12454B;
    --bs-secondary: #D8F3DC;
    --bs-secondary-rgb: 216, 243, 220;
    --bs-secondary-active: #c4e9cb;
    --bs-secondary-inverse: #12454B;
    --bs-link-color: #12454B;
    --bs-link-color-rgb: 18, 69, 75;
    --bs-link-hover-color: #0c3035;
    --bs-link-hover-color-rgb: 12, 48, 53;
}

[data-bs-theme="dark"] {
    --bs-font-sans-serif: "Geist", Inter, Helvetica, sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-font-display: "Fraunces", Georgia, serif;
    --bs-primary: #12454B;
    --bs-primary-rgb: 18, 69, 75;
    --bs-primary-active: #0c3035;
    --bs-primary-light: #D8F3DC;
    --bs-primary-inverse: #ffffff;
    --bs-text-primary: #12454B;
    --bs-component-active-bg: #12454B;
    --bs-component-hover-color: #12454B;
    --bs-secondary: #D8F3DC;
    --bs-secondary-rgb: 216, 243, 220;
    --bs-secondary-active: #c4e9cb;
    --bs-secondary-inverse: #12454B;
}

body,
html {
    font-family: var(--bs-font-sans-serif);
}

/* Cartoes (tema claro) -- o Metronic desenha cada .card com 1px de borda
   (#F1F1F2), quase igual ao fundo da pagina (#F9FAFB): fica um "contorno
   fantasma" a rodear o branco do cartao. A borda passa a ser branca (a cor
   do proprio cartao), por isso o cartao ocupa a area toda sem contorno
   visivel. Mantem-se a sombra original; .card-bordered (que nao tinha
   sombra) fica igual aos restantes. */
[data-bs-theme="light"] .card,
[data-bs-theme="light"] .card.card-bordered {
    --bs-card-border-color: var(--bs-card-bg);
    border-color: var(--bs-card-bg);
    box-shadow: 0px 0px 20px rgba(94, 98, 120, 0.04);
}

/* Switches, checkboxes e radios marcados -- o Metronic fixa o azul-marinho
   (#1E3A5F) diretamente no seletor, por isso as variaveis acima nao chegam.
   Passam a usar o verde do Sincro. */
:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
    --bs-component-checked-bg: #12454B;
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.form-check-input:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .15);
}

/* Titulo do cabecalho de cada pagina (assets/base/bodyheader.php, #menuNome)
   -- mesmo seletor que o Five usa, aplica-se automaticamente em toda a
   aplicacao sem precisar de tocar em cada pagina. */
.page-title h1 {
    font-family: var(--bs-font-display);
    font-weight: 600;
}

/* Titulos de boas-vindas/conclusao do formulario publico (form/send.php) e
   da pre-visualizacao equivalente no editor (novo.php/editar.php) -- os
   unicos h1 "hero" fora do cabecalho de pagina. */
#boasvindasTitulo,
#finalTitulo {
    font-family: var(--bs-font-display);
}

/* Icone circular para estados vazios ("Ainda não tens..."), igual ao padrao
   usado no Five (span.d-inline-flex.rounded-circle + icone dentro). Classes
   de layout ficam no HTML (Bootstrap), so tamanho/cor ficam aqui. */
.gb-empty-icon {
    width: 56px;
    height: 56px;
    background-color: var(--bs-secondary);
    color: var(--bs-primary);
}