/* Tokens do site da Michele Oliveira -- Podologa, Coimbra.
   Direcao: "o gabinete" -- editorial clinico, superficie ESCURA dominante e o
   creme como alivio. A paleta continua sendo a medida da logo real dela; o que
   mudou foi a distribuicao, nao os valores.
   Prova de contraste: michele-site/_verificar_paleta.py -- nao alterar hex sem
   rodar o script de novo. */

:root {
  /* ---- cor ---------------------------------------------------------- */
  --cor-marca: #5B8A72;          /* medida do monograma M da logo */
  --cor-marca-clara: #8FB39D;    /* marca clareada -- links e detalhes no escuro */
  --cor-marca-botao: #496E5B;    /* marca escurecida -- botao solido sobre claro */
  --cor-tinta: #1C2623;          /* tinta de corpo sobre creme */
  --cor-breu: #0E1512;           /* superficie escura dominante (creme 16.9:1) */
  --cor-breu-2: #16211D;         /* segundo plano escuro -- cartoes sobre o breu */
  --cor-creme: #FAF4EA;
  --cor-salvia: #BFCBA8;         /* medida da logo -- so decorativa sobre claro */
  --cor-branco: #FFFFFF;
  --cor-ouro: #C8951B;           /* estrelas do Google -- so em icone, nunca texto */

  /* Vidros e linhas, derivados por transparencia */
  --linha-clara: rgba(250, 244, 234, 0.16);
  --linha-escura: rgba(28, 38, 35, 0.14);
  --sombra-alta: 0 24px 70px rgba(9, 14, 12, 0.45);

  /* ---- tipografia ---------------------------------------------------- */
  /* Par escolhido por medida contra as 5 clinicas concorrentes de Coimbra:
     nenhuma usa serifa. Spectral 400 entrou nesta versao para texto grande e
     citacao -- o 600 fica pesado demais acima de ~1.5rem de corpo. */
  --fonte-titulo: 'Spectral', Georgia, 'Times New Roman', serif;
  --fonte-corpo: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Escala editorial: o salto entre display e corpo e o que da autoridade. */
  --t-display: clamp(3.2rem, 1.4rem + 7.4vw, 8.5rem);
  --t-h2: clamp(2.1rem, 1.3rem + 3.4vw, 4.2rem);
  --t-h3: clamp(1.2rem, 1.05rem + 0.5vw, 1.5rem);
  --t-lead: clamp(1.2rem, 1.05rem + 0.75vw, 1.6rem);
  --t-citacao: clamp(1.35rem, 1.1rem + 1.1vw, 2rem);
  --t-corpo: 1.0625rem;
  --t-pequeno: 0.9375rem;
  --t-etiqueta: 0.75rem;

  /* ---- espaco -------------------------------------------------------- */
  --e-1: 0.5rem;
  --e-2: 1rem;
  --e-3: 1.5rem;
  --e-4: 2.5rem;
  --e-5: 4rem;
  --e-6: 6rem;
  --bloco-y: clamp(5rem, 3rem + 9vw, 10rem);

  --largura: 1240px;
  --largura-texto: 60ch;
  --raio: 2px;                   /* quase reto: curva grande lia como cartao barato */
  --borda-foto: 3px;
}