/* ============================================================ 🎨 TEMA DA LOJA — ÚNICO ARQUIVO DE CORES E FONTES ============================================================ Para dar a identidade do cliente, edite SOMENTE este arquivo (e a linha de fontes do Google no do index.html). Nenhum outro CSS precisa ser tocado. Dicas de combinação: - --paper/--mint-band: fundo da página (tons bem claros) - --rosa: cor de AÇÃO (botões, selos de desconto) — a mais forte - --green: cor dos PREÇOS (precisa contrastar com branco) - --gold: estrelas, coroa dos mais clicados, cupons - Evite copiar a paleta de marketplaces (laranja Shopee, amarelo ML etc.) — pode ser confundido com phishing. ============================================================ */ :root { --paper: #EFF6EF; /* fundo da página */ --mint-band: #DEEFE3; /* faixa do topo e detalhes */ --mint: #BCE3CA; /* borda do avatar e hovers */ --card: #FFFFFF; /* fundo dos cards */ --ink: #2E3A32; /* cor principal de texto */ --ink-soft: #5C6E62; /* texto secundário */ --ink-faint: #8CA093; /* texto apagado */ --rosa: #BE5364; /* COR DE AÇÃO: botões, badges */ --rosa-dark: #A64353; /* hover da cor de ação */ --rosa-soft: #F9E8EA; /* fundo suave da cor de ação */ --green: #2F6B4F; /* cor dos preços */ --gold: #D9A63E; /* estrelas / coroas / cupons */ --gold-soft: #F8EFDA; /* fundo suave do dourado */ --line: #D6E7DA; /* bordas e divisórias */ --zap: #25D366; /* botão flutuante de WhatsApp — o verde reconhecível do app; troque só se sua marca exigir */ --shadow: 0 2px 10px rgba(46, 74, 58, .06), 0 12px 32px rgba(46, 74, 58, .09); --shadow-lift: 0 4px 14px rgba(46, 74, 58, .1), 0 20px 44px rgba(46, 74, 58, .15); --radius: 20px; /* arredondamento dos cards */ /* Fontes: se trocar aqui, troque também o link do Google Fonts no de public/index.html */ --font-display: "Fraunces", Georgia, serif; /* títulos */ --font-body: "Figtree", -apple-system, sans-serif; /* textos */ --font-script: "Caveat", cursive; /* manuscrita */ }