:root {
    /* ── Paleta Fiel ao Manual de Identidade Visual ── */
    --color-salvia:       #6E846F;   /* Verde sálvia — destaque, CTAs, links */
    --color-suave:        #A8BFAE;   /* Verde suave — ícones, separadores    */
    --color-bege:         #F2EDE6;   /* Bege claro — fundo principal          */
    --color-areia:        #E8D9CC;   /* Areia suave — seções alternadas       */
    --color-azul-cinza:   #B7C3CB;   /* Azul cinza — rodapé, detalhes calmos */

    --color-white:        #FFFFFF;
    --color-text-dark:    #2E2E2E;   /* Texto principal — nunca preto puro   */
    --color-text-muted:   #6B7068;   /* Texto secundário — caloroso           */
    --color-text-light:   #9AA396;   /* Legendas, captions                    */

    /* ── Tipografia ── */
    --font-display: 'Cormorant Garamond', serif;
    --font-body:    'Lato', sans-serif;

    /* Escala fluida — elegante, nunca agressiva */
    --fs-hero:     clamp(2.8rem, 5vw + 1rem, 4.8rem);
    --fs-title:    clamp(2rem, 3vw + 0.8rem, 3rem);
    --fs-subtitle: clamp(1.15rem, 1.4vw + 0.6rem, 1.45rem);
    --fs-body:     clamp(1rem, 0.3vw + 0.9rem, 1.1rem);
    --fs-sm:       0.9rem;
    --fs-xs:       0.78rem;

    /* ── Formas ── */
    --radius-pill:    9999px;
    --radius-soft:    32px;
    --radius-card:    20px;
    --radius-img-top: 200px 200px 24px 24px;  /* moldura orgânica de foto */

    /* ── Sombras — muito sutis, quase imperceptíveis ── */
    --shadow-card:    0 4px 24px rgba(110, 132, 111, 0.07);
    --shadow-hover:   0 12px 40px rgba(110, 132, 111, 0.13);
    --shadow-btn:     0 4px 20px rgba(110, 132, 111, 0.25);

    /* ── Transições — calmas, orgânicas ── */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --transition: all 0.55s var(--ease-out);
    --transition-fast: all 0.25s ease;

    /* ── Espaçamento ── */
    --section-py:     clamp(5rem, 8vw, 9rem);
    --gap-fluid:      clamp(2rem, 3.5vw, 3.5rem);
}