/* ============================================================= */ /* THEME — LÓTUS FOTOGRAFIA E DESIGN */ /* Design personalizado DESTE site (cores + tipografia). */ /* Este ficheiro pertence à pasta do cliente e NUNCA é */ /* substituído pelos updates da base (base.css / script.js). */ /* */ /* Nota: as fontes são carregadas pelo Google Fonts no */ /* de cada página (Aboreto, Alegreya Sans SC, Mulish). */ /* ============================================================= */ :root { /* --- Paleta (de "Paleta de Cores Site.pdf") ------------------ */ /* Cores neutras (base) */ --bege-claro: #F5EFE2; /* Fundo principal, espaços em branco */ --bege-medio: #E2D2B9; /* Fundos alternativos, cards, separadores */ --bege-areia: #E7DAC4; /* Áreas de destaque suave (variação subtil) */ /* Tons quentes (destaque) */ --dourado-claro: #C7A87A; /* Botões principais, links, destaques */ --dourado-medio: #A98556; /* Hover de botões, ícones */ --castanho: #8A6E4A; /* Texto secundário, ícones em destaque */ /* Texto */ --texto: #3E372F; /* Texto principal */ --texto-suave:#6B6055; /* Texto de apoio */ --branco: #FFFFFF; /* --- Tipografia (referência: jorgefigueiral.com) -------------- */ --font-titulo: 'Alegreya Sans SC', sans-serif; /* H1, H2 — versaletes finos (peso 200) */ --font-display:'Alegreya Sans SC', sans-serif; /* Hero display */ --font-ui: 'Aboreto', serif; /* Subtítulos, menu, botões (peso 300) */ --font-corpo: 'Mulish', sans-serif; /* Parágrafos */ } /* --- Afinações visuais específicas da Lótus (opcional) ---------- Regras estéticas só deste site podem viver aqui, para não "sujar" a base. Ex.: ajustes de peso/espaçamento de título. */ /* Rodapé em castanho da paleta (em vez do castanho-escuro da base) */ .site-footer { background: var(--castanho); } /* Portefólio com fundo branco (como a referência) — faz as fotos saltar */ .portfolio { background: var(--branco); }