/* ================================================================= 🎨 TEMA DO SITE — EDITE SOMENTE ESTE ARQUIVO PARA MUDAR O VISUAL ----------------------------------------------------------------- Para criar um novo pacote (ex.: "Colors" ou "Mini Wedding"): 1. Copie a pasta do site inteira e renomeie. 2. Troque as CORES aqui embaixo (e, se quiser, as FONTES). 3. Edite os textos em js/config.js e js/data.js. 4. 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) ---------- */ --cream: #f7f1e6; /* fundo principal (claro) */ --cream-2: #f1e8d8; /* fundo de seções alternadas */ --sand: #e9dcc4; /* areia — fundos de imagem/skeleton */ --bege: #ddcaa9; /* bege — números/detalhes suaves */ --nude: #e6d4be; /* nude — apoio */ --taupe: #7c6446; /* marrom claro — textos secundários (escurecido p/ leitura AA) */ --brown: #6a543d; /* marrom — texto de corpo */ --brown-deep: #4b3a29; /* marrom escuro — títulos/botões */ --ink: #3a2f22; /* quase preto quente — texto forte */ --gold: #b89357; /* dourado queimado — destaques/CTA (fundos/ícones grandes) */ --gold-soft: #c9ab78; /* dourado suave */ --gold-deep: #8a6a2c; /* dourado escuro — TEXTO dourado e fundo de estado ativo (passa contraste AA) */ --olive: #8b8a59; /* oliva discreto */ --sage: #9ca57e; /* verde sálvia — folhas/permanente */ --line: rgba(106, 84, 61, .16); /* bordas */ --line-soft: rgba(106, 84, 61, .10); /* bordas bem suaves */ --wa: #4c8c5a; /* verde do botão WhatsApp (sálvia) */ --wa-deep: #3c7449; /* verde WhatsApp (hover) */ /* ---------- TIPOGRAFIA ---------- Se trocar a fonte, lembre de atualizar o de fontes no do index.html. */ --serif: "Cormorant Garamond", Georgia, "Times New Roman", serif; /* títulos */ --sans: "Jost", -apple-system, "Segoe UI", sans-serif; /* textos */ --script: "Tangerine", "Cormorant Garamond", cursive; /* toques românticos (casamento) */ /* ---------- SOMBRAS (quentes) ---------- */ --sh-1: 0 1px 2px rgba(74,58,41,.05), 0 4px 14px rgba(74,58,41,.06); --sh-2: 0 8px 18px rgba(74,58,41,.08), 0 22px 50px rgba(74,58,41,.12); --sh-3: 0 30px 80px rgba(58,47,34,.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 */ }