/*
 * Paleta da marca Solidcon (vermelho + cinza) por cima das variáveis de cor do Bootstrap 5.3,
 * no lugar do azul padrão. Carregado DEPOIS de bootstrap.min.css (ver App.razor) — variáveis
 * CSS de mesma especificidade em :root/[data-bs-theme] são resolvidas pela ordem de declaração,
 * então isso sobrescreve sem precisar recompilar o Sass do Bootstrap.
 *
 * Os "cinzas" do Bootstrap (--bs-secondary-*, --bs-tertiary-*, --bs-border-color, etc.) já são
 * neutros por padrão — nunca foram azulados — então não precisam de override aqui.
 *
 * IMPORTANTE: várias classes do Bootstrap (.btn-primary, cor de link, item ativo do dropdown)
 * têm a cor "primary" GRAVADA EM HEX no CSS compilado, não referenciada via var(--bs-primary)
 * — por isso a segunda seção deste arquivo faz override componente por componente. Só mudar
 * --bs-primary não seria suficiente (confirmado inspecionando bootstrap.min.css).
 */

:root {
    /* Vermelho da marca — usado por .text-primary, .bg-primary, .border-primary, .link-primary,
       nosso destaque de item ativo na sidebar (que já usa var(--bs-primary-rgb)), etc. Não varia
       entre claro/escuro — é a cor "sólida" da marca (mesma lógica do Bootstrap: --bs-primary
       em si não muda de tom por color mode, só as variantes subtle/emphasis abaixo mudam). */
    --bs-primary: #981F22;
    --bs-primary-rgb: 193, 39, 45;

    /* Variantes conscientes de tema — usadas em fundos/textos "sutis" (ex.: badge/alert vermelho
       claro, e o destaque do item ativo do menu, que trocamos pra usar essas em vez de opacidade
       manual — ver shell.css). */
    --bs-primary-text-emphasis: #5c1215;
    --bs-primary-bg-subtle: #f8dadb;
    --bs-primary-border-subtle: #eeb3b5;
    
    --bs-link-color: #981F22;
    --bs-link-color-rgb: 193, 39, 45;
    --bs-link-hover-color: #a61f24;
    --bs-link-hover-color-rgb: 166, 31, 36;

    --bs-focus-ring-color: rgba(193, 39, 45, 0.25);
}

[data-bs-theme="dark"] {
    /* Em modo escuro, texto/link na cor "sólida" da marca fica com contraste baixo direto sobre
       o body quase preto — por isso um tom mais claro aqui, igual o Bootstrap faz com o azul
       dele (#0d6efd no claro vira #6ea8fe no escuro). */
    --bs-primary-text-emphasis: #e78b8f;
    --bs-primary-bg-subtle: #2c0f10;
    --bs-primary-border-subtle: #7a2a2d;

    --bs-link-color: #e78b8f;
    --bs-link-color-rgb: 231, 139, 143;
    --bs-link-hover-color: #edacaf;
    --bs-link-hover-color-rgb: 236, 172, 175;

    --bs-focus-ring-color: rgba(231, 139, 143, 0.25);
}

/* ---------- Componentes com a cor "primary" gravada em hex no Bootstrap compilado ---------- */

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #a61f24;
    --bs-btn-hover-border-color: #a61f24;
    --bs-btn-active-bg: #8c1a1e;
    --bs-btn-active-border-color: #8c1a1e;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: var(--bs-primary);
}