/* Fábrica Bellah — fonte compartilhada do brandbook Bellah Curves.
   Mesmos arquivos/tokens já usados no Leadflow (CRM), reaproveitados aqui
   sem re-derivar (ver leadflow/dashboard/src/index.css). Cada página ainda
   define suas próprias variáveis de cor em :root (histórico do app), este
   arquivo cobre só o que é comum: fontes + dourado metálico. */

@font-face {
  font-family: "Cal Serif";
  src: url("/brand/fonts/Calserif.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "San Diego";
  src: url("/brand/fonts/SanDiego.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "San Diego";
  src: url("/brand/fonts/SanDiego-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "San Diego";
  src: url("/brand/fonts/SanDiego-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "San Diego";
  src: url("/brand/fonts/SanDiego-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --gold-metal-gradient: linear-gradient(135deg, #F9ECC4 0%, #ECCE8B 18%, #CFA254 36%, #8F6A38 50%, #CFA254 64%, #ECCE8B 82%, #F9ECC4 100%);
}

/* Faixa metálica — usada em bordas/destaques grandes (headers, banners). */
.gold-metal {
  background: var(--gold-metal-gradient);
}

/* Texto em dourado metálico — só pra títulos grandes, nunca corpo de texto
   (contraste ruim em telas pequenas/luz de fábrica). */
.gold-metal-text {
  background: var(--gold-metal-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Chip/badge dourado chapado — legível em qualquer tamanho, usado em
   elementos pequenos (pílulas de destaque, indicadores "bateu a meta"). */
.gold-chip {
  background: linear-gradient(120deg, #F9ECC4 0%, #ECCE8B 24%, #CFA254 50%, #ECCE8B 76%, #F9ECC4 100%);
  color: #241B0C;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .75),
    inset 0 -1px 1px rgba(150, 113, 45, .25),
    0 1px 3px rgba(139, 100, 35, .2);
}