/*
 * Reskin do Django admin com a marca TASSO — sobrescreve só as variáveis
 * CSS que o próprio admin já expõe (django/contrib/admin/static/admin/css/
 * base.css e dark_mode.css). Mantém a estrutura/comportamento padrão do
 * admin intactos, só troca a cor. Paleta extraída do arquivo real da logo
 * (ver o artifact da proposta técnica) — vermelho reservado pra ação e
 * destaque, grafite pra estrutura, nunca vermelho como fundo grande.
 */

:root,
html[data-theme="light"] {
    --primary: #2d2e30;
    --secondary: #1c1d1f;
    --accent: #e51b20;
    --primary-fg: #fff;

    --header-color: #f3f1ee;
    --header-branding-color: var(--accent);
    --header-bg: var(--secondary);
    --header-link-color: #fff;

    --breadcrumbs-fg: #d8d6d3;
    --breadcrumbs-bg: var(--secondary);

    --link-fg: #b31b19;
    --link-hover-color: #931a15;
    --link-selected-fg: #2d2e30;

    --button-bg: #b31b19;
    --button-hover-bg: #931a15;
    --default-button-bg: #2d2e30;
    --default-button-hover-bg: #1c1d1f;
    --delete-button-bg: #931a15;
    --delete-button-hover-bg: #7a1310;
}

@media (prefers-color-scheme: dark) {
    :root {
        --primary: #cbc9c6;
        --secondary: #1c1d1f;
        --accent: #e5231f;
        --primary-fg: #101012;

        --header-color: #f3f1ee;
        --header-branding-color: var(--accent);
        --header-bg: var(--secondary);
        --header-link-color: #fff;

        --breadcrumbs-bg: var(--secondary);

        --link-fg: #ff5b52;
        --link-hover-color: #ff8079;
        --link-selected-fg: #cbc9c6;

        --button-bg: #e5231f;
        --button-hover-bg: #ff4136;
        --default-button-bg: #3a3b3d;
        --default-button-hover-bg: #4a4b4d;
        --delete-button-bg: #e5231f;
        --delete-button-hover-bg: #ff4136;
    }
}

html[data-theme="dark"] {
    --primary: #cbc9c6;
    --secondary: #1c1d1f;
    --accent: #e5231f;
    --primary-fg: #101012;

    --header-color: #f3f1ee;
    --header-branding-color: var(--accent);
    --header-bg: var(--secondary);
    --header-link-color: #fff;

    --breadcrumbs-bg: var(--secondary);

    --link-fg: #ff5b52;
    --link-hover-color: #ff8079;
    --link-selected-fg: #cbc9c6;

    --button-bg: #e5231f;
    --button-hover-bg: #ff4136;
    --default-button-bg: #3a3b3d;
    --default-button-hover-bg: #4a4b4d;
    --delete-button-bg: #e5231f;
    --delete-button-hover-bg: #ff4136;
}

/* Marca no cabeçalho: "TASSO" em destaque + subtítulo discreto */
#site-name {
    display: flex;
    align-items: baseline;
    gap: 8px;
}
#site-name a {
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* Tela de login: cartão com friso superior na cor da marca */
.login #container {
    border-top: 3px solid var(--accent);
}