/* ==========================================================
   Clínica Peruíbe de Odontologia · variáveis globais
   Para mudar uma cor no site inteiro, troque só aqui.
   ========================================================== */

:root {
  /* Cores da marca (do briefing) */
  --coral: #DB7773;          /* destaques, ícones, palavra em destaque dos títulos */
  --coral-escuro: #A9443F;   /* botões, links ativos, selo do CRO (era #C0504B; valor do design system) */
  --rosa-claro: #FDA7A6;     /* desenho do dente no topo */
  --rosa-fundo: #FEE9E9;     /* fundo da seção de dor, balões "Você" */
  --creme: #FFEED6;          /* fundo das seções alternadas */
  --branco: #FFFFFF;
  --grafite: #3F3F3F;        /* texto de corpo e títulos (design system) */
  --cinza: #696969;          /* legendas, textos auxiliares e fundo do rodapé */
  --cinza-claro: #B3B3B3;    /* detalhes discretos */
  --bege: #B3A38C;           /* contorno das fotos que ainda faltam */

  /* Variações de apoio */
  --coral-hover: #8F3833;    /* botão com o mouse em cima (era #A8423E) */
  --rosa-hover: #FCDCDC;     /* pergunta frequente com o mouse em cima */
  --borda: #ECECEC;          /* linhas e contornos neutros */
  --borda-quente: #E6E0D8;   /* linhas sobre fundo creme e balões da clínica */

  /* Sombras */
  --sombra-leve: rgba(105, 105, 105, .12);
  --sombra: rgba(105, 105, 105, .16);
  --sombra-forte: rgba(0, 0, 0, .18);

  /* Marcação de pendências (sai quando o site for publicado) */
  --pendente-fundo: #FFF6B0;
  --pendente-texto: #5A5200;

  /* Fontes (carregadas no <head> de cada página; antes: Montserrat + Nunito Sans) */
  --f-titulo: "Open Sans", "Segoe UI", system-ui, sans-serif;
  --f-texto: "Open Sans", "Segoe UI", system-ui, sans-serif;

  /* Medidas */
  --raio: 16px;              /* cantos arredondados */
  --max: 1120px;             /* largura máxima do conteúdo */
}