:root {
    --cyan-400: #38c8f0;
    --cyan-300: #6fdcff;
    --navy-500: #1e2f7a;
    --font-display: 'Playfair Display', Georgia, serif;
    --font-body: 'Economica', sans-serif;
}
html { font-size: 16.64px; }

/* Tamanhos ajustáveis pelo painel */
.hero h1 { font-size: clamp(2.4rem, 6vw, 4.4rem); }
.hero p.lead { font-size: clamp(1.28rem, 2vw, 1.5rem); }

/* Textos secundários: parágrafos das seções do corpo */
.sobre p, .metodo p, .card p, .passo p, .faq-body,
.contato p, .artigo p, .artigo li, .post-card p {
    font-size: 1.15rem;
}

/* Intensidade do sombreamento sobre o vídeo */
.hero-shade {
    background:
        linear-gradient(180deg,
            rgba(7, 13, 31, 0.92) 0%,
            rgba(7, 13, 31, 0.58) 45%,
            rgba(7, 13, 31, 0.98) 100%),
        radial-gradient(ellipse 90% 70% at 30% 45%, rgba(7, 13, 31, 0.45), transparent 70%);
}