/* ================================================================
   BUTTERFLY — tokens de identidade (isolado da Mademoiselle).
   Luz · rosa · pérola · céu · frescor. Mesmo sistema tipográfico
   da marca (Cormorant + Montserrat), tratado claro e aéreo.
   ================================================================ */
:root {
    /* Paleta (≈45% pérola · 30% blush · 15% céu · 10% pink) */
    --bf-pearl:  #FFF9FA;
    --bf-blush:  #FBE4EC;
    --bf-rose:   #F38BAD;
    --bf-pink:   #E72E72;
    --bf-sky:    #BDE4F5;
    --bf-ink:    #292329;

    --bf-ink-soft:  rgba(41, 35, 41, 0.72);
    --bf-ink-faint: rgba(41, 35, 41, 0.5);
    /* corpo de texto: grafite quente SÓLIDO — legibilidade real,
       sem depender de alpha sobre fundos rosa/perolados */
    --bf-text: #50454C;

    /* champagne gold — linguagem dos CTAs de COMPRA
       (rosa = identidade · dourado = ação) */
    --bf-gold:       #E7B84F;
    --bf-gold-light: #F3D27A;
    --bf-gold-dark:  #C89431;
    --bf-gold-ink:   #2D2227;

    --bf-font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --bf-font-sans:  'Montserrat', system-ui, -apple-system, sans-serif;

    --bf-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body.butterfly {
    font-family: var(--bf-font-sans);
    color: var(--bf-ink);
    background: var(--bf-pearl);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}