/* ============================================================ 1. IMPORTAÇÃO E VARIÁVEIS GLOBAIS ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); :root { /* Paleta de Cores (Definida por nome/função, não por lugar) */ --color-primary: #a9744f; --color-primary-dark: #8b5e3c; --color-primary-light: #f2e4d8; --bg-app: #faf7f4; --color-success: #22c55e; --color-warning: #f59e0b; --color-danger: #dc2626; /* Repassa o marrom como cor "primary" do Bootstrap, pra cascatear automaticamente pra componentes que usam var(--bs-primary) direto (acordeão, links, spinners, etc.) sem precisar sobrescrever cada um. */ --bs-primary: #a9744f; --bs-primary-rgb: 169, 116, 79; /* Mesma ideia pro "bg-light"/"text-bg-light" do Bootstrap: várias páginas usam , então trocamos o tom cinza padrão por um branco quente pra combinar com o novo fundo claro. */ --bs-light: #faf7f4; --bs-light-rgb: 250, 247, 244; /* Cores nomeadas usadas em várias páginas (checklist, convidados, barras de progresso). Antes cada página redeclarava essas variáveis no próprio