/* * Preview isolado — Direção A (Mercado Popular). * * Este arquivo é enfileirado apenas em is_front_page() via Enqueue.php * e escopa todas as substituições sob a classe .guia-brand-a que é * adicionada ao pelo filter body_class. * * Como o Tailwind v4 compila utilities consumindo var(--color-primary-*) * diretamente, redefinir as mesmas custom properties dentro do escopo * .guia-brand-a propaga a nova paleta para cada .bg-primary-600 / * .text-primary-600 / etc. renderizado dentro da home — sem recompilar * o tema nem editar templates. * * Para reverter: remova o enqueue em Enqueue.php; nenhum arquivo deste * módulo interfere em páginas que não sejam a front-page. */ .guia-brand-a { /* === Primary: vermelho-tijolo === */ --color-primary-50: #fdf3f0; --color-primary-100: #fbe2db; --color-primary-200: #f7c1b1; --color-primary-300: #ed9880; --color-primary-400: #dc6f55; --color-primary-500: #c9532e; --color-primary-600: #b04326; --color-primary-700: #8a3520; --color-primary-800: #6b2d1e; --color-primary-900: #4f251b; --color-primary-950: #2c140f; /* === Accent: amarelo mostarda (via bg-[color:var(--color-accent-*)] ) === */ --color-accent-50: #fdf9ec; --color-accent-100: #faf0c4; --color-accent-200: #f7e596; --color-accent-300: #f3d460; --color-accent-400: #eec03a; --color-accent-500: #daa520; --color-accent-600: #b48416; --color-accent-700: #8d6614; --color-accent-800: #6c4e13; --color-accent-900: #4e3a11; --color-accent-950: #2d210b; /* === Fontes === */ --font-display: 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif; --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; font-family: var(--font-sans); } /* Títulos usam a fonte display em todo o escopo da home. Bricolage Grotesque é variável (axis wght + opsz) — damos um pouco mais de peso nos H1/H2 para aproveitar o caráter da família em display. */ .guia-brand-a h1, .guia-brand-a h2, .guia-brand-a h3, .guia-brand-a h4 { font-family: var(--font-display); font-weight: 700; letter-spacing: -0.01em; } .guia-brand-a h1 { font-weight: 800; letter-spacing: -0.02em; }