/* ==========================================================================
   TOKENS OVERRIDE — Dra Flavia Menezes
   ==========================================================================
   Paleta inspirada em luz da zona oeste do Rio: areia carioca, bronze,
   terracota suave. Tipografia editorial serif (Fraunces) para transmitir
   autoridade clínica sem peso cirúrgico, Inter para leitura confortável.

   Filosofia: voz baixa, espaço em branco, nada de azul-cirúrgico ou
   pink médico. Referências: Clinique La Prairie, Kanodia, MD Codes.
   ========================================================================== */

:root {

  /* ---------- AS 4 CORES BASE ---------- */
  --fb-color-primary:   #A8855D;   /* bronze champagne — marca, títulos, CTA */
  --fb-color-accent:    #C96A4B;   /* terracotta — hover, destaques quentes */
  --fb-color-cream:     #F5F1EA;   /* off-white quente — fundo principal */
  --fb-color-charcoal:  #1A1A1A;   /* texto principal */

  /* ---------- SUPORTE ---------- */
  --fb-color-muted:   #7A6F5F;   /* cinza quente — texto secundário */
  --fb-color-border:  #D9D2C5;   /* taupe suave — divisores */

  /* ---------- TIPOGRAFIA ---------- */
  --fb-font-display: 'Fraunces', 'Playfair Display', Georgia, serif;
  --fb-font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ---------- GLOW RE-TINTADO (substitui o default) ---------- */
  --fb-glow-cream:  radial-gradient(circle at 30% 20%, rgba(245, 241, 234, 0.7), transparent 60%);
  --fb-glow-accent: radial-gradient(circle at 70% 30%, rgba(168, 133, 93, 0.18), transparent 70%);

  /* ---------- DEPTH SUAVIZADO ---------- */
  --fb-depth-sm: 0 1px 2px rgba(26, 26, 26, 0.04);
  --fb-depth-md: 0 4px 20px rgba(168, 133, 93, 0.08);
  --fb-depth-lg: 0 24px 60px rgba(26, 26, 26, 0.08);
}