/* ============================================================ GRUPO TITTO — design tokens compartilhados Base: os 9 neutros oficiais do Manual de Marca + acento por vertical Uso: ============================================================ */ :root { /* neutros do Manual de Marca */ --carbono: #0B0B0D; --grafite: #141518; --grafite-2: #1C1E22; --steel-1: #E9EAEC; --aco: #9DA1A6; --steel-3: #5F6368; --concreto: #E7E4DE; --branco: #F4F4F2; --hairline: rgba(157, 161, 166, 0.16); /* tipografia da casa */ --font-display: "Archivo Black", sans-serif; --font-body: "Archivo", sans-serif; --font-mono: "IBM Plex Mono", monospace; /* ritmo */ --pad-x: clamp(1.25rem, 4vw, 5rem); --pad-y: clamp(4.5rem, 11vh, 9rem); /* acento default = grupo (cobre, a cor oficial do manual) */ --acento: #C87A37; --acento-2: #9C5B2A; /* as cores das frentes, sempre disponíveis (rodapé do grupo, pórticos) */ --c-grupo: #C87A37; --c-metalurgia: #F2B90D; --c-engenharia: #6E9BC5; --c-construtora: #9C5B2A; --c-servicos: #3FA06B; } [data-marca="grupo"] { --acento: #C87A37; --acento-2: #9C5B2A; } [data-marca="metalurgia"] { --acento: #F2B90D; --acento-2: #A97E2F; } [data-marca="engenharia"] { --acento: #6E9BC5; --acento-2: #3D5A78; } [data-marca="construtora"] { --acento: #9C5B2A; --acento-2: #5C2B2E; } [data-marca="servicos"] { --acento: #3FA06B; --acento-2: #1F8A50; }