/* Tema de cores — MUNDIAL GÁS (identidade própria, revendedor independente)
   Mesma paleta do protótipo mundial-gas2 (MIV 09/2026):
   Grafite #242826 · Amarelo #E5B62F · Areia #F3EEE6 · Cinza #747A76 · Escuro #171A19 */
:root {
    --color-primary: #242826;
    --color-primary-50: #F1F2F1;
    --color-primary-100: #E2E4E3;
    --color-primary-200: #C4C8C6;
    --color-primary-300: #9EA3A0;
    --color-primary-400: #747A76;
    --color-primary-500: #242826;
    --color-primary-600: #1F2321;
    --color-primary-700: #1B1E1D;
    --color-primary-800: #171A19;
    --color-primary-900: #121413;
    --color-primary-rgb: 36, 40, 38;

    --color-secondary: #E5B62F;
    --color-secondary-50: #FCF6E3;
    --color-secondary-100: #F9EDC6;
    --color-secondary-200: #F3DC8F;
    --color-secondary-300: #EDC95F;
    --color-secondary-400: #EDC243;
    --color-secondary-500: #E5B62F;
    --color-secondary-600: #D9A91F;
    --color-secondary-700: #A87F12;
    --color-secondary-800: #7A5C0D;
    --color-secondary-900: #4D3A08;
    --color-secondary-rgb: 229, 182, 47;

    --color-tertiary: #D9A91F;
    --color-tertiary-500: #D9A91F;
    --color-tertiary-rgb: 217, 169, 31;

    --color-sand: #F3EEE6;
    --color-sand-2: #EAE3D7;
    --color-dark: #171A19;

    --color-text: #242826;
    --color-text-muted: #5E6460;
    --color-background-alt: #F3EEE6;
    --color-border: #E4DED3;

    --gradient-primary: linear-gradient(to right, #242826, #E5B62F);
}

/* ===== Ajustes que a paleta clara (amarelo) exige =====
   O amarelo não sustenta texto branco nem funciona como texto sobre fundo claro,
   então os pontos abaixo trocam "branco sobre marca" por "grafite sobre amarelo". */

::selection { background: var(--color-secondary); color: var(--color-primary); }

/* Navbar em areia translúcida (como o header do mundial-gas2) */
.lp-navbar { background: rgba(243,238,230,.92); }
.lp-nav-link { position: relative; }
.lp-nav-link:hover { color: var(--color-primary); }
.lp-navbar .lp-nav-link:not(.block)::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: -4px;
    height: 2px;
    background: var(--color-secondary);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .35s cubic-bezier(.16,1,.3,1);
}
.lp-navbar .lp-nav-link:not(.block):hover::after { transform: scaleX(1); }

/* Destaque de título: grafite com marca-texto amarela (degradê grafite→amarelo em texto fica ilegível) */
.lp-text-gradient {
    background: linear-gradient(transparent 62%, rgba(var(--color-secondary-rgb),.6) 62%, rgba(var(--color-secondary-rgb),.6) 92%, transparent 92%);
    -webkit-background-clip: border-box;
    background-clip: border-box;
    color: var(--color-primary);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline !important;
}

.lp-btn-highlight { background: var(--color-secondary); color: var(--color-primary); }

/* Selo "Mais Pedido" / "Grande Porte" */
.lp-product-ticket-tag {
    color: var(--color-primary);
    background: var(--color-secondary);
}
.lp-product-ticket-photo {
    background: radial-gradient(120% 100% at 50% 0%, rgba(var(--color-secondary-rgb),.22) 0%, rgba(var(--color-secondary-rgb),.08) 45%, #fff 78%);
}

.lp-feature-card-icon { background: var(--color-primary); color: var(--color-secondary); }
.lp-feature-card-icon-secondary { background: var(--color-secondary); color: var(--color-primary); }
.lp-feature-card-icon-tertiary { background: var(--color-primary); color: var(--color-secondary); }

.lp-faq-item[open] { border-color: var(--color-secondary); }
.lp-faq-item[open] summary .lp-faq-icon { color: var(--color-secondary-700); }

.lp-wa-modal-overlay { background: rgba(23,26,25,.7); }

/* Rodapé no tom escuro, títulos em amarelo */
#contato { background: var(--color-dark) !important; }
#contato h3 { color: var(--color-secondary) !important; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }

/* Seções em areia */
.lp-bg-sand { background: var(--color-sand); }