/* ═══════════════════════════════════════════════════════════════════
   TUCANO — ponte de tema com o design system do Hazie

   O Tucano (static/vendor/tucano-*) desenha tudo a partir de variáveis
   --tuc-*. Aqui elas passam a ler as --hz-* do tailwind/input.css, de modo
   que exista uma fonte única de cor: trocar uma --hz-* muda o painel e os
   componentes do Tucano juntos.

   O modo escuro do Hazie é o atributo data-theme="dark" no <html>, o mesmo
   que o Tucano já reconhece. Como as --hz-* trocam de valor no próprio
   <html>, as referências abaixo acompanham o tema sem declarar nada duas
   vezes — só o que não tem --hz-* correspondente é repetido no bloco escuro.

   Não estilize as classes .tuc-* diretamente: a biblioteca espera ser
   personalizada só por estas variáveis, e é isso que mantém a atualização
   de versão uma troca de arquivo.

   Este arquivo é carregado depois do tucano.min.css; o seletor
   :root[data-theme] tem especificidade maior que o [data-theme='dark'] da
   biblioteca, então vence independentemente da ordem.
   ═══════════════════════════════════════════════════════════════════ */

:root,
:root[data-theme="light"],
:root[data-theme="dark"] {
    /* ── Destaque: o roxo da marca ── */
    --tuc-accent: var(--hz-primary);
    --tuc-accent-hover: var(--hz-primary-hover);
    --tuc-accent-fg: #FFFFFF;
    /* Como cor de texto o roxo vivo perde contraste no claro; usa o tom fechado. */
    --tuc-accent-text: var(--hz-primary-active);
    --tuc-thumb: #FFFFFF;

    /* ── Superfícies, texto e borda ── */
    --tuc-bg: var(--hz-bg-surface);
    --tuc-fg: var(--hz-text-primary);
    --tuc-muted: var(--hz-text-muted);
    --tuc-subtle: var(--hz-input-placeholder);
    --tuc-border: var(--hz-border);
    --tuc-hover: var(--hz-table-hover-bg);
    --tuc-elevated: var(--hz-bg-surface-alt);

    /* ── Forma: casa com o rounded-lg / rounded-xl usado no restante do painel ── */
    --tuc-radius: 0.75rem;
    --tuc-radius-md: 0.5rem;
    --tuc-radius-sm: 0.5rem;

    /* ── Tipografia: Montserrat herdada do body, 14px como o text-sm do painel ── */
    --tuc-font: inherit;
    --tuc-text: 0.875rem;
}

:root[data-theme="dark"] {
    /* No escuro o texto de destaque clareia, como o item ativo da sidebar. */
    --tuc-accent-text: var(--hz-sidebar-active-text);
}

/* ── Botão de provedor de login (Apple) ──────────────────────────────
   Faz par com o botão oficial do Google, que é desenhado pelo SDK num
   iframe e não aceita o nosso tema: branco, borda cinza, canto de 4px,
   nos dois temas. No escuro o branco é o que dá leitura sobre o card, e é
   uma das formas que as diretrizes da Apple aceitam para fundo escuro.
   Só variáveis, como no restante do arquivo. */
.hz-provider-btn {
    --tuc-bg: #FFFFFF;
    --tuc-fg: #1F1F1F;
    --tuc-border: #DADCE0;
    --tuc-hover: #F8FAFF;
    --tuc-radius-md: 4px;
    --tuc-font: "Google Sans", Roboto, Arial, sans-serif;
    --tuc-text: 0.875rem;
}