/*
 * Clínica Nôa — clínica de estética.
 *
 * Papel quente, tinta quase preta, bronze com conta-gotas. Fraunces (serifa de
 * eixo óptico variável) só no display, Inter no corpo. A assinatura visual são
 * os eixos ópticos: cada tamanho de título pede um `opsz` diferente, o que dá à
 * fonte o contraste de uma serifa desenhada para aquele corpo.
 */

:root {
  --paper: #f6f1e9;
  --paper-2: #ece2d4;
  --paper-3: #e0d3c1;
  --ink: #211c17;
  --ink-soft: #4a423a;
  --muted: #7c7166;
  --accent: #97673a;
  --accent-soft: #b98d5e;
  --line: rgb(33 28 23 / 0.14);

  --scrim: rgb(246 241 233 / 0.96);
  --scrim-mid: rgb(246 241 233 / 0.78);
  --scrim-top: rgb(246 241 233 / 0.76);
  --scrim-flat: rgb(24 18 13 / 0.72);
  --on-media: #f6f1e9;
  --hero-paper: #f6f1e9;
  --hero-ink: #211c17;
  --hero-ink-soft: #40372f;
  --hero-accent: #7b4e28;

  --display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --display-leading: 1.02;
  --display-tracking: -0.022em;
  --radius: 2px;

  --footer-bg: #211c17;
  --footer-ink: rgb(246 241 233 / 0.68);
  --footer-strong: #f6f1e9;
}

/* Eixo óptico por tamanho: é isso que diferencia a Fraunces de uma serifa comum. */
.display {
  font-variation-settings: "opsz" 120;
}

.hero__title em {
  font-style: italic;
  font-variation-settings: "opsz" 144;
  color: var(--hero-accent);
}

.fact__n {
  font-variation-settings: "opsz" 100;
}

.service__name {
  font-variation-settings: "opsz" 60;
}

.service__index {
  font-variation-settings: "opsz" 20;
}

.service__price {
  font-variation-settings: "opsz" 40;
}

.quote__text {
  font-variation-settings: "opsz" 72;
}

.signature {
  font-variation-settings: "opsz" 90;
}

.faq summary {
  font-variation-settings: "opsz" 48;
}