/*
 * PELE DO 730 BEAUTY SPACE
 * Preto, branco e a luz do espelho redondo. Cores tiradas das fotos do próprio salão
 * (briefing de 10/09/2026). Bodoni Moda pelo alto contraste do "730"; Jost pelo
 * "BEAUTY SPACE" espaçado do logo. O círculo é a única forma curva: cantos retos no resto.
 * A madeira (#A8712C) fica só nas fotos, nunca em texto.
 */
:root {
  --cor-fundo: #ffffff;
  --cor-superficie: #f3f2ef;          /* concreto */
  --cor-texto: #111111;               /* preto 730 */
  --cor-texto-2: #34312e;
  --cor-suave: #5f5a54;
  --cor-linha: #e2dfda;

  --cor-escuro: #111111;
  --cor-escuro-2: #1b1a18;
  --cor-escuro-texto: #f5f3ef;
  --cor-escuro-suave: #bdb6ac;

  --cor-destaque: #111111;            /* botão principal: preto sobre claro */
  --cor-destaque-texto: #ffffff;
  --cor-destaque-escuro: #f5f3ef;     /* e claro sobre preto */
  --cor-destaque-escuro-texto: #111111;
  --cor-realce: #5f5a54;
  --cor-realce-escuro: #f3e6c4;       /* luz do espelho */
  --cor-brilho: rgba(243, 230, 196, .55);

  --fonte-titulo: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
  --fonte-texto: "Jost", "Futura", "Avenir Next", system-ui, sans-serif;
  --peso-titulo: 500;
  --espacamento-titulo: -.012em;
  --espacamento-sobretitulo: .3em;

  --raio: 0px;
  --raio-foto: 0px;
  --raio-botao: 0px;
}

.marca__linha1 { font-size: 2rem; letter-spacing: -.03em; }
.marca__linha2 { font-size: .56rem; letter-spacing: .5em; margin-top: 4px; }

.titulo-secao h2::after { background: var(--cor-texto); width: 40px; height: 1px; }
.secao--escura .titulo-secao h2::after, .contato__chamada .titulo-secao h2::after { background: var(--cor-realce-escuro); }

.botao--primario { box-shadow: none; }
.hero .botao--primario:hover, .secao--escura .botao--primario:hover { box-shadow: 0 0 28px 2px var(--cor-brilho); }

/* os retratos e o aro do hero são o espelho redondo com luz */
.pessoa__foto {
  box-shadow: 0 0 0 6px var(--cor-fundo), 0 0 0 8px var(--cor-realce-escuro), 0 0 36px 10px var(--cor-brilho);
}
.pessoa__iniciais { color: var(--cor-realce-escuro); font-style: italic; }
.pessoa__funcao { color: var(--cor-suave); letter-spacing: .02em; }
.estrelas { color: #111111; }
.nota-geral .estrelas .vazia, .estrelas .vazia { color: #d6d2cb; }