/*
 * ═══════════════════════════════════════════════════════════════════
 *  VERONICA BLOOM — Identidade Visual
 *  Perfumaria & Acessórios Femininos
 * ═══════════════════════════════════════════════════════════════════
 *
 *  PALETA (extraída da logo)
 *  ─────────────────────────────────────────────────────────────────
 *  Noir profundo     #1A1A1A   Fundo da logo, drawer, contraste
 *  Rose gold         #C4A586   Cor principal — metálico cobre-rosé
 *  Rose gold claro   #D9C4AB   Destaques, hover, fundos suaves
 *  Rose gold profundo #9A7359  Gradientes, texto secundário forte
 *  Champagne         #FAF7F4   Fundo principal do site
 *  Ivório            #FEFCFA   AppBar, superfícies elevadas
 *  Blush quente      #F3EBE4   Cards, áreas de respiro
 *  Texto principal   #2C2420   Marrom-carvão quente
 *  Texto secundário  #6B5E56   Descrições, legendas
 *  Divisor           #E8DFD6   Linhas delicadas taupe
 *
 *  TIPOGRAFIA
 *  ─────────────────────────────────────────────────────────────────
 *  Playfair Display  Títulos (H1–H3) — elegância editorial
 *  Cormorant Garamond Subtítulos e momentos de marca
 *  Roboto            UI, formulários, corpo de texto
 *
 *  PADRÕES
 *  ─────────────────────────────────────────────────────────────────
 *  • Labels de seção: uppercase + letter-spacing 0.22–0.28em
 *  • Bordas: 1px em --vb-border-gold ou --vb-border
 *  • Raio: 14px (cards) | 0 (CTAs hero — luxo editorial)
 *  • Botões primários: gradiente rose gold → rose gold profundo
 *  • Sombras: quentes, baixa opacidade (nunca cinza frio)
 * ═══════════════════════════════════════════════════════════════════
 */

:root {
    /* Cores da marca */
    --vb-noir: #1a1a1a;
    --vb-noir-soft: #2c2622;
    --vb-gold: #c4a586;
    --vb-gold-light: #d9c4ab;
    --vb-gold-deep: #9a7359;
    --vb-gold-muted: #b8956e;
    --vb-champagne: #faf7f4;
    --vb-ivory: #fefcfa;
    --vb-blush: #f3ebe4;
    --vb-warm-white: #fffdfb;
    --vb-text: #2c2420;
    --vb-text-muted: #6b5e56;
    --vb-border: #e8dfd6;
    --vb-border-gold: rgba(196, 165, 134, 0.35);
    --vb-shadow: rgba(44, 36, 32, 0.08);
    --vb-shadow-gold: rgba(154, 115, 89, 0.18);

    /* Aliases legados (compatibilidade) */
    --vb-rose: var(--vb-gold-muted);
    --vb-rose-dark: var(--vb-gold-deep);
    --vb-lilac: var(--vb-gold-light);

    /* Gradientes da marca */
    --vb-gradient-gold: linear-gradient(135deg, var(--vb-gold-muted) 0%, var(--vb-gold-deep) 100%);
    --vb-gradient-champagne: radial-gradient(circle at 14% 10%, var(--vb-blush) 0%, var(--vb-champagne) 42%, var(--vb-warm-white) 100%);
    --vb-gradient-appbar: linear-gradient(90deg, var(--vb-ivory) 0%, var(--vb-champagne) 48%, var(--vb-blush) 100%);
}

/* ── Utilitários de marca ── */
.vb-section-label {
    letter-spacing: 0.26em;
    text-transform: uppercase;
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--vb-gold-deep);
}

.vb-brand-display {
    font-family: "Cormorant Garamond", "Playfair Display", serif;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.vb-brand-script {
    font-family: "Cormorant Garamond", "Playfair Display", serif;
    font-style: italic;
    font-weight: 500;
}

.vb-divider-gold {
    width: 40px;
    height: 2px;
    background: var(--vb-gradient-gold);
    margin: 0 auto;
}

.vb-divider-gold--left {
    margin: 0;
}