/* ==========================================================================
   TOKENS OVERRIDE — OLHOS VET RIO
   ==========================================================================
   Identidade visual extraída da logo:
   - Navy        #1f3a5c (primária, títulos, CTAs)
   - Gold        #c69b2e (secundária, hover, destaques)
   - Off-white   #faf8f3 (fundos de seção, cream warm)
   - Charcoal    #1a1a1a (texto principal)

   Tipografia mantida do master (perfeita para clínica):
   - Display: Fraunces (serif moderna, transmite seriedade refinada)
   - Body: Inter (sans clean, alta legibilidade)
   ========================================================================== */

:root {

  /* ---------- paleta base ---------- */
  --fb-color-primary:   #1f3a5c;   /* navy — títulos, links, cta */
  --fb-color-accent:    #c69b2e;   /* gold — destaques, hover, detalhes */
  --fb-color-cream:     #faf8f3;   /* off-white quente */
  --fb-color-charcoal:  #1a1a1a;   /* texto principal */

  /* ---------- neutros derivados ---------- */
  --fb-color-muted:     #5b6b7c;   /* navy dessaturado p/ texto secundário */
  --fb-color-border:    #e8e2d6;   /* bege claro derivado do gold */

  /* ---------- luz/depth com tons da marca ---------- */
  --fb-glow-cream:  radial-gradient(circle at 30% 20%, rgba(198, 155, 46, 0.12), transparent 60%);
  --fb-glow-accent: radial-gradient(circle at 70% 30%, rgba(31, 58, 92, 0.10), transparent 70%);

  /* ---------- sombras em navy bem diluído ---------- */
  --fb-depth-sm: 0 1px 2px rgba(31, 58, 92, 0.05);
  --fb-depth-md: 0 4px 16px rgba(31, 58, 92, 0.07);
  --fb-depth-lg: 0 24px 48px rgba(31, 58, 92, 0.10);
}

/* Google Fonts agora carregadas via wp_enqueue (inc/performance.php) com async load
   pra eliminar render-blocking. NÃO usar @import aqui. */

/* ---------- logo footer ---------- */
.fb-footer__logo {
  display: inline-block;
  margin-bottom: var(--fb-space-4);
}
.fb-footer__logo img {
  display: block;
  height: 56px;
  max-width: 280px;
  width: auto;
}
@media (min-width: 1024px) {
  .fb-footer__logo img { height: 72px; }
}