/* * Preview isolado — Direção B (Editorial Cívico). * * Este arquivo é enfileirado apenas em is_front_page() via Enqueue.php * e escopa todas as substituições sob a classe .guia-brand-b 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-b 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-b { /* === Primary: verde-oliva profundo === */ --color-primary-50: #f4f6ee; --color-primary-100: #e7ecd4; --color-primary-200: #d0d9a8; --color-primary-300: #b4c27a; --color-primary-400: #93a554; --color-primary-500: #778a3c; --color-primary-600: #5c6d2d; --color-primary-700: #475727; --color-primary-800: #384422; --color-primary-900: #2c351c; --color-primary-950: #19200f; /* === Accent: coral queimado (via bg-[color:var(--color-accent-*)] ) === */ --color-accent-50: #fff3ef; --color-accent-100: #ffe1d6; --color-accent-200: #ffbda8; --color-accent-300: #ff957a; --color-accent-400: #f4694b; --color-accent-500: #e64a28; --color-accent-600: #c73a1e; --color-accent-700: #9e2e1a; --color-accent-800: #7a261a; --color-accent-900: #5e2119; --color-accent-950: #330f0b; /* === Fontes === */ --font-display: 'Fraunces', ui-serif, Georgia, serif; --font-sans: 'Manrope', ui-sans-serif, system-ui, -apple-system, sans-serif; font-family: var(--font-sans); } /* Títulos usam Fraunces como display. O axis variável "opsz" (optical size) ganha personalidade editorial quando escalado — em H1 grandes deixa as serifas mais expressivas, como um livro. */ .guia-brand-b h1, .guia-brand-b h2, .guia-brand-b h3, .guia-brand-b h4 { font-family: var(--font-display); font-weight: 500; letter-spacing: -0.005em; } /* Título principal do hero: peso editorial, optical size máxima, tracking apertado — assinatura tipográfica da Fraunces em display. */ .guia-brand-b h1 { font-weight: 500; letter-spacing: -0.015em; font-variation-settings: 'opsz' 96, 'SOFT' 40; }