/* ==========================================================================
   Tema FastCheck (white-label) — só a cor da marca (tinta, acento e o que deriva deles).
   Ativado por <html data-brand="fastcheck"> (Branding:Key=fastcheck).
   Tudo que não está aqui (neutros, status, placa) é igual ao Veículo Seguro.
   ========================================================================== */

/* Escala da tinta: superfícies de marca que usam a escala direto (painel do login, toast, banner de
   aviso, pontes do Bootstrap e do CSS legado) — sem isto ficariam no azul-marinho do Veículo Seguro.
   900 é a própria tinta; 800 o hover; 200/100/50 os pálidos de gráfico e o fundo suave. */
:root[data-brand="fastcheck"] {
    --vs-ink-950: #2A0F0E;
    --vs-ink-900: #5C2320;
    --vs-ink-800: #7A2E2A;
    --vs-ink-700: #8E3A35;
    --vs-ink-600: #A34B45;
    --vs-ink-500: #B8706B;
    --vs-ink-300: #DDB3B0;
    --vs-ink-200: #EADBD9;
    --vs-ink-100: #F3E9E8;
    --vs-ink-50:  #F7EEED;
}
/* Pontes do Bootstrap: declaradas em [data-bs-theme="light"] e em .modal-backdrop, então o override
   precisa do mesmo alcance. Véus (modal, gaveta de filtros): o tom escuro da marca, não o marinho. */
:root[data-brand="fastcheck"] [data-bs-theme="light"],
:root[data-brand="fastcheck"][data-bs-theme="light"] { --bs-dark-rgb: 92, 35, 32; }
:root[data-brand="fastcheck"] .modal-backdrop { --bs-backdrop-bg: #2A0F0E; }
@media (max-width: 767.98px) {
    :root[data-brand="fastcheck"] .vs-filtros-gaveta[data-aberta] .vs-filtros-gaveta__fundo { background: rgba(42, 15, 14, .45); }
}

/* Banner de aviso: o brilho do canto é o azul da placa — no bordô ele vira roxo; aqui usa o tijolo da marca. */
:root[data-brand="fastcheck"] .vs-banner {
    background:
        radial-gradient(120% 140% at 0% 100%, rgb(199 84 80 / .38) 0%, rgb(199 84 80 / 0) 55%),
        var(--vs-banner-bg);
}

/* Banner de aviso com imagem: o degradê que funde a imagem no fundo tinha o marinho cravado. */
:root[data-brand="fastcheck"] .vs-banner__arte::before {
    background: linear-gradient(90deg, var(--vs-banner-bg) 0%, rgb(92 35 32 / .6) 40%, rgb(92 35 32 / 0) 100%);
}
@media (max-width: 720px) {
    :root[data-brand="fastcheck"] .vs-banner__arte::before {
        background: linear-gradient(0deg, var(--vs-banner-bg) 0%, rgb(92 35 32 / 0) 100%);
    }
}

:root[data-brand="fastcheck"] {
    --vs-ink:       #5C2320;
    --vs-ink-hover: #7A2E2A;
    --vs-ink-soft:  #F7EEED;
    --vs-ink-rgb:   92, 35, 32;

    --vs-text: #22191A;

    /* O acento é cor de TEXTO (links, botões-link): o tijolo #C75450 da marca dá 4,4:1 sobre branco e
       reprova no WCAG AA (axe, acessibilidade.spec.ts). #B0453F é o mesmo tijolo escurecido (5,6:1);
       o #C75450 continua nos gráficos (--vs-chart-2) e no foco. */
    --vs-accent:       #B0453F;
    --vs-accent-hover: #8E3A35;
    --vs-accent-soft:  #FBEFEE;
    --vs-accent-rgb:   176, 69, 63;
    --vs-focus-ring:   0 0 0 3px rgba(199, 84, 80, .18);

    --vs-chart-pale:   #EADBD9;
    --vs-chart-pale-2: #F3E9E8;
    --vs-chart-2: #C75450;
}

/* FastCheck no tema escuro (Escuro, ou Sistema com o sistema no escuro). */
:root[data-brand="fastcheck"][data-theme="dark"] {
    --vs-ink:       #F2C9C6;
    --vs-ink-hover: #FFFFFF;
    --vs-ink-soft:  #3A1E1C;
    --vs-ink-rgb:   242, 201, 198;
    --vs-text: #F1E8E7;
    --vs-accent:       #E8908C;
    --vs-accent-hover: #F2B3B0;
    --vs-accent-soft:  #3A1E1C;
    --vs-accent-rgb:   232, 144, 140;
    --vs-focus-ring:   0 0 0 3px rgba(232, 144, 140, .28);
    --vs-chart-pale:   #3A2A29;
    --vs-chart-pale-2: #2C2120;
    --vs-chart-2: #E8908C;
}
@media (prefers-color-scheme: dark) {
    :root[data-brand="fastcheck"][data-theme="auto"] {
        --vs-ink:       #F2C9C6;
        --vs-ink-hover: #FFFFFF;
        --vs-ink-soft:  #3A1E1C;
        --vs-ink-rgb:   242, 201, 198;
        --vs-text: #F1E8E7;
        --vs-accent:       #E8908C;
        --vs-accent-hover: #F2B3B0;
        --vs-accent-soft:  #3A1E1C;
        --vs-accent-rgb:   232, 144, 140;
        --vs-focus-ring:   0 0 0 3px rgba(232, 144, 140, .28);
        --vs-chart-pale:   #3A2A29;
        --vs-chart-pale-2: #2C2120;
        --vs-chart-2: #E8908C;
    }
}