/*
    Cabeçalhos e cards do admin em laranja.

    No Django 5.2 o azul dos cabeçalhos e dos cards vem de uma única variável,
    --header-bg (#417690, definida em admin/css/base.css). Ela também é usada
    pelo estado :active do calendário, que deve seguir o padrão, então
    sobrescrever a variável direto vazaria a cor para lá.
    Por isso as regras abaixo pintam apenas os seletores de cabeçalho e card.

    Links, botões, textos e demais elementos seguem o padrão do Django.
*/

:root {
    --laranja-cabecalho: #c2410c;
    --laranja-breadcrumbs: #7c2d12;
}

/*
    Cores com significado (entrou / saiu / pendente), usadas pelo painel
    financeiro e pela situação do serviço na listagem. Precisam de uma versão
    por tema: os tons que passam no fundo claro reprovam no escuro. Medido
    sobre o fundo dos cards, contraste AA 4.5:1 —

                claro          escuro
    positivo    #15803d 4.72   #4ade80 9.24
    negativo    #b91c1c 6.09   #f87171 5.82
    alerta      #a16207 4.64   #fbbf24 9.65

    A estrutura segue a do próprio admin: html[data-theme=...] mais o
    prefers-color-scheme para quando o tema está em "automático".
*/
:root {
    --oficina-positivo: #15803d;
    --oficina-negativo: #b91c1c;
    --oficina-alerta: #a16207;
}

html[data-theme="dark"] {
    --oficina-positivo: #4ade80;
    --oficina-negativo: #f87171;
    --oficina-alerta: #fbbf24;
}

@media (prefers-color-scheme: dark) {
    html[data-theme="auto"] {
        --oficina-positivo: #4ade80;
        --oficina-negativo: #f87171;
        --oficina-alerta: #fbbf24;
    }
}

/* Barra de topo */
#header {
    background: var(--laranja-cabecalho);
}

/* Trilha de navegação, logo abaixo da barra de topo */
div.breadcrumbs {
    background: var(--laranja-breadcrumbs);
}

/* Cabeçalho dos cards: módulos do painel, tabelas e inlines */
.module h2,
.module caption,
.inline-group h2 {
    background: var(--laranja-cabecalho);
}

/*
    O calendário do seletor de data também é .module, então a regra acima pinta
    a legenda do mês. O Django mantém o texto dela em #333, pensado para o
    amarelo original — sobre o laranja isso dá 2,44:1. Em branco, 5,18:1.
*/
.calendar caption {
    color: #fff;
}

/*
    Ícone do seletor de tema, na barra de topo. O <button> é transparente: o que
    se enxerga como fundo é o `color` do SVG (dark_mode.css), sobre o qual o
    `fill` desenha o glifo em branco. Só o fundo muda; o glifo segue no padrão.
*/
.theme-toggle svg.theme-icon-when-auto,
.theme-toggle svg.theme-icon-when-dark,
.theme-toggle svg.theme-icon-when-light {
    color: var(--laranja-cabecalho);
}

/* Cabeçalho dos fieldsets e dos blocos recolhíveis do formulário */
fieldset .fieldset-heading,
fieldset .inline-heading,
:not(.inline-related) .collapse summary {
    background: var(--laranja-cabecalho);
    border-color: var(--laranja-cabecalho);
}