/* Ótica Germani — vermelho e branco (do logo: #dc0032)
   Topo (barra, header e hero) no vermelho da marca, como o logo.
   Resto do site em grafite com destaques em vermelho
   (seções vermelhas inteiras brigariam com o verde do WhatsApp). */
:root {
  --dark: #1c1416;
  --dark-2: #231a1c;
  --dark-3: #2d2224;
  --dark-4: #382b2e;

  --accent: #e8113f;
  --accent-light: #ff8098;
  --accent-em: #ff8098;
  --accent-strong: #c8002c;
  --accent-grad: linear-gradient(135deg, #d4002f 0%, #f0254f 50%, #d4002f 100%);
  --on-accent: #ffffff;

  --light: #faf7f6;
  --light-2: #f3ecea;

  --text: #1f1618;
  --text-soft: #4a3d40;
  --muted: #74676a;
  --muted-light: #b8a9ac;
  --on-dark-soft: #e6dadc;
  --on-dark-faint: #9a8b8e;
  --line: rgba(31, 22, 24, 0.1);

  --serif: "Fraunces", "Georgia", serif;
  --sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --display-weight: 700;
  --em-weight: 700;

  --receita-bg: radial-gradient(90% 120% at 0% 100%, #3a1219, var(--dark-2) 60%);
  --map-filter: grayscale(1) invert(.9) contrast(.95) brightness(.9);

  --logo-h: 46px;
  --logo-h-lg: 56px;
  --logo-footer-h: 70px;
  --logo-sheet-h: 42px;
}

/* No topo vermelho, o "destaque" vira o branco (botões brancos com texto vermelho) */
.topbar, .header, .hero {
  --dark: #d4002f;
  --dark-3: #a80025;
  --accent: #ffffff;
  --accent-light: #ffffff;
  --accent-em: #ffffff;
  --accent-grad: linear-gradient(135deg, #ffffff 0%, #fff1f4 50%, #ffffff 100%);
  --on-accent: #c8002c;
  --muted-light: #ffd3db;
  --on-dark-soft: #ffe9ed;
  --line-light: rgba(255, 255, 255, 0.24);
  --hero-bg: radial-gradient(120% 80% at 80% 0%, #f01a4a 0%, #d4002f 55%, #b80029 100%);
  --hero-glow: rgba(255, 255, 255, 0.16);
}
.topbar { background: #a80025; color: #fff; }

/* Fraunces em itálico pesa nos textos longos dos depoimentos: usa a fonte do texto */
.review blockquote { font-family: var(--sans); font-style: normal; font-size: 16px; line-height: 1.6; color: var(--text-soft); }