/* ================================================================= 🎨 TEMA DO SITE — Mini Wedding (EDITE SÓ ESTE ARQUIVO P/ O VISUAL) ----------------------------------------------------------------- Para mudar o visual: 1. Troque as CORES aqui embaixo (e, se quiser, as FONTES). 2. Edite os textos em js/config.js e js/data.js. 3. Troque as imagens em assets/img/. Pronto — o resto do layout se adapta sozinho. Dica: cor em formato HEX (#rrggbb). Use um seletor de cores (ex.: https://htmlcolorcodes.com) se não souber o código. ================================================================= */ :root{ /* ---------- CORES (a alma do tema — Mini Wedding) ---------- */ --cream: #f7f2e6; /* fundo principal (marfim quente) */ --cream-2: #f1e7d2; /* fundo de seções alternadas */ --sand: #ece0c6; /* areia — fundos de imagem/skeleton */ --bege: #e0cda6; /* bege — números/detalhes suaves */ --nude: #ecdcc0; /* nude — apoio */ --taupe: #7c6a48; /* taupe — textos secundários (AA) */ --brown: #6a5739; /* marrom — texto de corpo */ --brown-deep: #4a3826; /* madeira escura — títulos/botões */ --ink: #352a1d; /* quase preto quente — texto forte */ --gold: #cda85a; /* dourado champanhe — destaques/CTA */ --gold-soft: #e6d2a0; /* dourado suave — halo do título */ --gold-deep: #8f6f2e; /* dourado escuro — TEXTO dourado (AA)*/ --olive: #8a8a59; /* oliva discreto */ --sage: #9aa67c; /* verde folha — badge permanente */ --line: rgba(74, 56, 38, .16); /* bordas */ --line-soft: rgba(74, 56, 38, .10); /* bordas bem suaves */ --wa: #4c8c5a; /* verde do botão WhatsApp */ --wa-deep: #3c7449; /* verde WhatsApp (hover) */ /* ---------- TIPOGRAFIA ---------- Trocou a fonte script: lembre de atualizar o de fontes no do index.html (incluir Great Vibes). */ --serif: "Cormorant Garamond", Georgia, "Times New Roman", serif; /* títulos */ --sans: "Jost", -apple-system, "Segoe UI", sans-serif; /* textos */ --script: "Great Vibes", "Cormorant Garamond", cursive; /* assinatura romântica */ /* ---------- SOMBRAS (quentes) ---------- */ --sh-1: 0 1px 2px rgba(53,42,29,.05), 0 4px 14px rgba(53,42,29,.06); --sh-2: 0 8px 18px rgba(53,42,29,.08), 0 22px 50px rgba(53,42,29,.12); --sh-3: 0 30px 80px rgba(40,32,22,.28); /* ---------- MEDIDAS GERAIS ---------- */ --maxw: 1200px; /* largura máxima do conteúdo */ --radius: 8px; /* arredondamento dos cards */ --ease: cubic-bezier(.22,.61,.36,1); /* curva das animações */ --ease-lux: cubic-bezier(.16,1,.3,1); /* deceleração luxuosa — entradas/reveals */ --ease-soft: cubic-bezier(.45,0,.15,1); /* suave para hover/estados */ }