/*
 * Vitalis Pets — tokens de marca (VITALIS 2.0)
 * v3.0 (2026-09-11)
 *
 * ── MUDANÇA DE ARQUITETURA: quem manda na cor é o PAINEL ───────────────
 * Até a v2.0 este arquivo ESCREVIA nas variáveis do Woodmart
 * (--wd-primary-color, --wd-text-color, --wd-link-color ...). Isso fazia o child
 * theme atropelar o painel: o painel mostrava uma cor e a loja mostrava outra.
 *
 * Agora é o inverso: o Woodmart Theme Settings é a fonte única da verdade e este
 * arquivo apenas LÊ o que o tema publica, usando o valor da paleta como fallback
 * (para o caso da variável não existir). Mudar a cor no painel propaga para a loja
 * inteira, inclusive para os componentes próprios (selos, blocos, rodapé legal).
 *
 * ── ONDE CADA COR DA PALETA É CONFIGURADA ─────────────────────────────
 *   VITALIS ....... verde principal  #3F6F5A  → Styles and colors → Colors → Primary color
 *   Secundários ... verde claro      #DCE8E0  → Colors → Secondary color
 *   Página ........ ivory            #FAF8F3  → Pages background → All pages background
 *   Texto ......... charcoal         #202522  → Typography → Text font / Title font → Color
 *   Ação .......... terracotta       #C9684B  → Buttons → Accent buttons → background
 *   Detalhes ...... sand             #D8C5A8  (não existe campo no painel)
 *
 * ── HIERARQUIA (o terracotta é cor de AÇÃO, não de marca) ─────────────
 * Terracotta existe só em comprar / adicionar ao carrinho / finalizar compra.
 * Tudo o mais — links, preços, títulos, selos, ícones — é verde ou charcoal.
 * O painel garante isso sozinho: o grupo "Accent buttons" é o dos botões de compra.
 */

:root {
    /* ── LIDOS DO PAINEL (fallback = paleta) ─────────────────────── */
    --theme-brand: var(--wd-primary-color, #3F6F5A);
    /* ATENÇÃO: o painel foi configurado com "Secondary color" = ivory (#FAF8F3),
       que é a cor de PÁGINA. Por isso o verde claro dos elementos secundários
       (fundo dos selos de confiança, seleção de texto) vem da paleta direto —
       ler --wd-alternative-color aqui deixaria os selos invisíveis no ivory. */
    --theme-brand-soft: #DCE8E0;
    --theme-ink: var(--wd-title-color, #202522);
    --theme-ink-2: var(--wd-text-color, #202522);

    /* Tipografia decidida no painel (hoje: Fredoka nos títulos, Albert Sans no texto) */
    --theme-font-body: var(--wd-text-font, system-ui, sans-serif);
    --theme-font-heading: var(--wd-title-font, var(--theme-font-body));

    /* Ação/compra: o Woodmart publica o Accent buttons como --btn-accented-*.
       Nomes conferidos em woodmart/css/parts/wp-blocks-cart-checkout.css
       (é o que pinta também o carrinho e o checkout em BLOCOS) e no site em 2026-09-11. */
    --theme-cta: var(--btn-accented-bgcolor, #C9684B);
    --theme-cta-hover: var(--btn-accented-bgcolor-hover, #B0553B);
    --theme-cta-text: var(--btn-accented-color, #FFFFFF);

    /* ── PAPÉIS QUE O WOODMART NÃO PUBLICA EM VARIÁVEL ───────────────
       Conferido: não há var para verde escuro, sand, bordas nem cinzas de apoio
       (--wd-main-bgcolor, por exemplo, NÃO existe no CSS entregue).
       Se um dia esses tons mudarem, é aqui — e só aqui — que se mexe. */
    --theme-brand-dark: #2F5D49;    /* verde escuro de apoio */
    --theme-surface: #FFFFFF;       /* cartões */
    --theme-surface-2: #FAF8F3;     /* superfície clara de bloco (o fundo de PÁGINA é do painel) */
    --theme-surface-3: #F3EADA;     /* sand clareado — blocos secundários */
    --theme-ink-3: #6A7269;         /* discreto — 4,68:1 no ivory (medido) */
    --theme-border: #E7E2D7;        /* divisor decorativo (não precisa 3:1) */
    --theme-border-strong: #9C8B6E; /* borda de campo — 3,12:1 no ivory (medido) */

    /* Confiança — verde e sand, NUNCA terracotta (hierarquia da marca). */
    --theme-trust: var(--theme-brand-dark);
    --theme-trust-surface: var(--theme-brand-soft);

    /* ── RESERVADOS (hoje sem consumidor — ficam de propósito) ───────
       São aliases puros para o painel ou tons medidos. Não custam duplicação
       de verdade e evitam que o próximo "pequeno elemento de conversão"
       invente uma cor nova fora da paleta. */
    --theme-cta-alt: var(--theme-brand-dark); /* variante B (verde) para teste A/B */
    --theme-urgency: var(--theme-brand-dark); /* urgência NUNCA em terracotta */
    --theme-urgency-surface: var(--theme-surface-3);
}

/* Seleção de texto na cor da marca. */
::selection {
    background-color: var(--theme-brand-soft);
    color: var(--theme-ink);
}

/*
 * NOTA: as regras que pintavam `body`, os títulos e o `.website-wrapper` foram
 * REMOVIDAS de propósito. Elas forçavam Inter/Manrope e o ivory por cima do painel.
 * Fundo de página e tipografia agora são responsabilidade do Woodmart Theme Settings.
 */