:root {
    /* Paleta extraída do site atual do cliente (www.imperiogasista.com.br, React/Tailwind), a
       pedido do usuário ("use as mesmas cores, fotos, fontes, logos"): laranja forte como cor
       de marca (idêntico ao token "brand-600" configurado no Tailwind do site atual, que por
       sua vez é o laranja-600 padrão do Tailwind) e azul-ardósia escuro (slate-900) nas seções
       de destaque (hero, galeria). Diferente dos projetos-irmãos (Assistek, Electro), aqui a
       cor original do cliente já tinha bom contraste com texto branco — não houve necessidade
       de troca por acessibilidade.
       Escala de laranja completa (útil para variações claras/escuras dos componentes): 50
       #fff7ed · 100 #ffedd5 · 200 #fed7aa · 300 #fdba74 · 400 #fb923c · 500 #f97316 ·
       600 #ea580c (marca) · 700 #c2410c · 800 #9a3412 · 900 #7c2d12 · 950 #431407. */
    --cor-primaria: #ea580c;
    --cor-primaria-escura: #c2410c;
    --cor-primaria-clara: #fb923c;
    --cor-destaque: #ea580c;
    --cor-destaque-escura: #9a3412;
    --cor-texto: #0f172a;
    --cor-texto-claro: #475569;
    --cor-fundo: #ffffff;
    --cor-fundo-alt: #f9fafb;
    --cor-fundo-escuro: #0f172a;
    --cor-borda: #e2e8f0;
    --cor-sucesso: #1e7e42;
    --cor-erro: #c0392b;
    --cor-branco: #ffffff;

    /* Fonte idêntica à do site atual: Inter (Google Fonts), carregada em head-meta.php. */
    --fonte-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    --fonte-titulo: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

    --raio-padrao: 8px;
    --raio-grande: 16px;
    --sombra-card: 0 2px 10px rgba(0, 0, 0, 0.08);
    --sombra-elevada: 0 8px 24px rgba(0, 0, 0, 0.18);

    --largura-maxima: 1200px;
    --largura-maxima-estreita: 760px;

    --espaco-secao: clamp(48px, 6vw, 96px);
}