/* ============================================================
   LumeClínica — Design tokens
   Paleta rosa/nude elegante (estética/beleza).
   ============================================================ */

/* Fonte Inter — servida localmente (sem CDN). Usada nos títulos das páginas. */
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/inter-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('../fonts/inter-500.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/inter-600.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('../fonts/inter-700.ttf') format('truetype');
}

/* Playfair Display — fonte da marca (nome da clínica no login e na sidebar).
   Serifada de alto contraste: elegante e delicada, mas com desenho profissional.
   Servida localmente (arquivo variável, cobre os pesos 400–700) — sem CDN.
   Antes a marca dependia de fontes do sistema (Didot/Bodoni), que não existem
   no Windows: a cascata caía em Times New Roman. */
@font-face {
  font-family: 'Playfair Display'; font-style: normal;
  font-weight: 400 700; font-display: swap;
  src: url('../fonts/playfair-500.ttf') format('truetype-variations'),
       url('../fonts/playfair-500.ttf') format('truetype');
}

:root {
  /* Marca — rosa/nude */
  /* Rosa mais vivo desde out/2026 (antes #c9738f, um rosa "empoeirado" que
     sumia sobre o fundo claro). Se trocar, trocar também as cores fixas dos
     gráficos em dashboard.js, redes.js e visao-geral.js. */
  --marca:        #d4577f;   /* rosa principal (destaque) */
  --marca-escuro: #b03a63;   /* hover/ativo */
  --marca-claro:  #fae0e9;   /* fundos suaves de destaque */
  --nude:         #e7c9b8;   /* nude/rosé */
  --dourado:      #c9a86a;   /* detalhe dourado suave */

  /* Neutros */
  --fundo:        #faf6f4;   /* fundo geral (rosé bem claro) */
  --superficie:   #ffffff;   /* cards, painéis */
  --superficie-2: #fbf4f2;   /* zebra/hover suave */
  --borda:        #ecdfd9;   /* bordas suaves */
  --borda-forte:  #dcc9c1;

  /* Texto */
  /* Escurecidos em out/2026 (mesmo matiz, mais firmes): o texto lia "claro
     demais" — o terciário antigo (#a5969c) nem passava no contraste mínimo
     sobre branco. Os três níveis seguem distintos entre si: a hierarquia é
     preservada. Antes: #3a2f33 / #7a6b70 / #a5969c. */
  --texto:        #2b2226;   /* quase preto quente */
  --texto-2:      #5e5055;   /* secundário */
  --texto-3:      #857479;   /* terciário/placeholder */

  /* Estados */
  --ok:           #3fa06a;
  --ok-bg:        #e6f4ec;
  --erro:         #d1495b;
  --erro-bg:      #fbe7ea;
  --aviso:        #d99a2b;
  --aviso-bg:     #fbf0dc;

  /* Categorias de atendimento (badges) */
  --cat-novo:     #d4577f;
  --cat-recor:    #6a8fc9;
  --cat-parc:     #c9a86a;
  --cat-nao:      #b0a3a8;

  /* Layout */
  --sidebar-w:    248px;
  --raio:         14px;
  --raio-sm:      9px;
  --sombra:       0 4px 20px rgba(140, 80, 100, 0.08);
  --sombra-forte: 0 8px 30px rgba(140, 80, 100, 0.14);

  --fonte: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;

  /* Fonte dos títulos de página — Inter (mesma do LumeOS), servida local. */
  --fonte-titulo: "Inter", "Segoe UI", system-ui, sans-serif;

  /* Fonte da marca — Playfair Display, servida local (ver @font-face acima).
     Serifada de alto contraste: elegante e delicada, com desenho profissional.
     As demais são fallback caso o arquivo não carregue. */
  --fonte-marca: "Playfair Display", "Didot", "Bodoni MT", "Big Caslon",
                 "Hoefler Text", Georgia, serif;
}