só usam DUAS cores de fundo: branco (--color-background) e dourado (--color-accent). Todas as outras cores abaixo são para texto, bordas e sombras. */ --color-primary: #503621; /* marrom escuro — títulos, texto de destaque */ --color-primary-light: #8a6745; /* marrom médio — subtítulos, hover */ --color-primary-dark: #3a2717; /* marrom mais escuro — hover de botões sobre fundo dourado */ --color-accent: #bc9b73; /* dourado — fundo de seção alternada, botões */ --color-accent-hover: #a5875f; /* dourado mais escuro — hover de botão padrão */ --color-background: #ffffff; --color-surface: #faf6f0; /* quase-branco — usado só em hovers sutis de cartão, nunca em fundo de seção */ --color-text: #2c1a0c; --color-text-light: #7a6555; --color-border: #e8dcc8; /* ───────── Tipografia ───────── */ --font-display: 'Playfair Display', Georgia, serif; --font-body: 'Josefin Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; /* ───────── Layout ───────── */ --header-height: 70px; /* ───────── Raios de borda ───────── 0.5rem para botões (retângulo suave, não pílula — leitura mais clínica) 1rem para cartões e imagens 2rem só para selos/chips pequenos */ --radius-sm: 0.5rem; --radius-md: 0.75rem; --radius-lg: 1rem; --radius-pill: 2rem; /* ───────── Sombras ───────── */ --shadow-sm: 0 2px 10px rgba(80, 54, 33, 0.08); --shadow-md: 0 8px 24px rgba(80, 54, 33, 0.14); --shadow-lg: 0 12px 36px rgba(80, 54, 33, 0.18); }