/* TEMA da Dra. Stephanie Reis · base: boutique. Cores e fontes de clientes/stephanie-reis/marca/marca.md.
   Fontes (já no <head> da página):
   <link href="https://fonts.googleapis.com/css2?family=Marcellus&family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet">
   O botão de agendar fica no verde oficial do WhatsApp (sem as variáveis --cta-*), decisão registrada no marca.md. */
:root {
  /* Cores */
  --bg: #f7f4ef;              /* fundo da página: creme bem claro */
  --bg-alt: #ffffff;          /* fundo da seção alternada (Sobre) */
  --hero-bg: #f7f4ef;         /* fundo do topo */
  --surface: #ffffff;         /* cartões */
  --line: #ebe5dc;            /* borda de cartão */
  --line-strong: #d6d3c7;     /* divisórias: o creme do logo */
  --ink: #312824;             /* texto principal: o marrom do logo */
  --ink-2: #5a4e47;           /* texto de apoio */
  --muted: #6b5e55;           /* texto secundário (5,7:1 sobre --bg) */
  --accent: #75635a;          /* destaque: a areia do logo escurecida (5,2:1 sobre --bg) */
  --accent-hover: #5a4e47;
  --accent-soft: #efe9e1;     /* fundo de ícone */
  --dark: #312824;            /* fundo dos blocos escuros */
  --dark-card: #43372f;       /* cartão dentro do bloco escuro */
  --on-dark: #f7f4ef;         /* texto sobre escuro */
  --on-dark-muted: #bdb2a6;
  --accent-on-dark: #d6d3c7;  /* destaque sobre escuro (9,6:1) */
  --star: #f4c542;

  /* Tipografia */
  --font-display: 'Marcellus', Georgia, serif;
  --font-body: 'Manrope', system-ui, -apple-system, sans-serif;
  --h-weight: 400;
  --h-tracking: 0;
  --stat-weight: 400;
  --body-size: 16px;
  --h1-max: 60px;
  --h2-max: 42px;
  --btn-size: 17px;

  /* Forma e respiro */
  --radius-card: 20px;
  --radius-photo: 28px;
  --radius-icon: 12px;
  --card-shadow: none;
  --section: 96px;            /* respiro entre seções no computador */
  --section-m: 44px;          /* no celular */
}
