/*
 * Tokens de cor do site de downloads.
 *
 * Espelham o Design System da casa
 * (`omni/shared/interfaces/core/token.css`) token por token: superficie,
 * borda e texto saem de la sem alteracao. Nenhuma cor nova foi inventada aqui.
 *
 * A UNICA divergencia e o accent, e ela e prevista: o DS chama o accent de
 * "o unico token que o whitelabel troca". O valor usado e o `#FC7A03` que o
 * `custom-hsna.css` ja declarava como `--primary-color`, em vez do `#FF8C00`
 * do DS -- esta e a marca deste site.
 *
 * ── Por que este arquivo existe ──────────────────────────────────────────
 *
 * Ate 2026-10-03 o site nao tinha tema escuro. O que se via no escuro era o
 * auto-dark do Chrome invertendo a pagina por conta propria: funcionava por
 * acidente, sem ninguem ter medido o contraste do resultado.
 *
 * E o tema CLARO reprovava AA em quatro lugares, medidos:
 *
 *   link              #888888 s/ branco          3,49:1
 *   trilha            #A7A7A7 s/ branco          2,37:1
 *   rodape            #7C7C7C s/ #323232         3,07:1
 *   cabecalho modal   branco s/ laranja          2,37:1   <- o pior
 *
 * O ultimo e o caso que o proprio DS nomeia: "branco sobre o ambar da 2,33:1
 * e reprova AA; e o erro mais caro do sistema porque e o mais bonito".
 *
 * Todos os pares abaixo foram medidos. O menor e 4,96:1.
 */

:root {
    color-scheme: light dark;

    /* ── Superficies (DS 1.1, tema claro) */
    --ds-bg: #f8f9fa;
    --ds-surface: #fefdfb;        /* branco QUENTE, nao #fff */
    --ds-raised: #f1f3f5;         /* hover de linha */

    /* ── Bordas (DS 1.2): --ds-border SEPARA areas; --ds-border-strong
       contorna controle interativo, e so ele precisa passar em 3:1. */
    --ds-border: #dee2e6;
    --ds-border-strong: #878d93;

    /* ── Texto (DS 1.3) */
    --ds-text: #212529;           /* 15,17:1 sobre surface */
    --ds-text-2: #495057;         /*  8,04:1 */
    --ds-text-3: #677078;         /*  4,96:1 — o piso */

    /* ── Accent (DS 1.4) — igual nos dois temas: e a marca. */
    --ds-accent: #FC7A03;
    --ds-accent-hover: #FF891C;

    /* O accent COMO TEXTO sobre superficie clara. O ambar puro da 2,61:1 e
       some; este e o mesmo ambar a 60% sobre preto, como o DS faz: 6,32:1. */
    --ds-accent-text: #974902;

    /* Tinta POR CIMA do accent. Branco da 2,65:1; esta da 6,20:1 (DS 1.4). */
    --ds-on-accent: #2A1D08;

    /* ── Faixa superior e rodape: escuros nos DOIS temas, por desenho de
       marca. Sao a moldura da pagina, nao conteudo. */
    --site-chrome-bg: #323232;
    --site-chrome-text: #CED2D8;      /*  8,45:1 sobre #323232 */
    --site-chrome-heading: #F1F3F5;   /* 11,53:1 — link e enfase na moldura */
    --site-chrome-strip: #1F2025;
}

/* O escuro e a preferencia do sistema, salvo quando a pagina pede claro. */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;

        --ds-bg: #121317;
        --ds-surface: #1F2025;
        --ds-raised: #25262C;

        --ds-border: #36373F;
        --ds-border-strong: #6d6f7d;

        --ds-text: #E6EDF6;       /* 13,79:1 sobre surface */
        --ds-text-2: #B3B7BD;     /*  8,07:1 */
        --ds-text-3: #A3A7AF;     /*  6,74:1 */

        /* No escuro o ambar puro ja da 6,14:1 sobre a superficie: nao
           precisa ser escurecido, e escurece-lo o apagaria. */
        --ds-accent-text: var(--ds-accent);

        --site-chrome-bg: #1F2025;
        --site-chrome-text: #B3B7BD;
        --site-chrome-heading: #F1F3F5;   /* 14,62:1 sobre #1F2025 */
        --site-chrome-strip: #0D0E10;
    }
}

/* O mesmo escuro quando a escolha e explicita, e nao do sistema. */
:root[data-theme="dark"] {
    color-scheme: dark;

    --ds-bg: #121317;
    --ds-surface: #1F2025;
    --ds-raised: #25262C;

    --ds-border: #36373F;
    --ds-border-strong: #6d6f7d;

    --ds-text: #E6EDF6;
    --ds-text-2: #B3B7BD;
    --ds-text-3: #A3A7AF;

    --ds-accent-text: var(--ds-accent);

    --site-chrome-bg: #1F2025;
    --site-chrome-text: #B3B7BD;
    --site-chrome-heading: #F1F3F5;
    --site-chrome-strip: #0D0E10;
}

/* O fundo do documento e declarado, e nao herdado do navegador: sem isto, a
   area abaixo do rodape fica branca numa pagina escura. */
html,
body {
    background-color: var(--ds-bg);
    color: var(--ds-text);
}

/* A marca da Hosanna no icone de instalador acompanha o accent. */
.hsna-mark {
    fill: var(--ds-accent);
}