/* Tipografia Manrope — display leve para hero (300/700) + sans regular para corpo. */
body { font-size: var(--fs-base); }

h1 { font-size: var(--fs-hero); font-weight: 300; letter-spacing: -0.02em; line-height: 1.05; }
h1 b { font-weight: 700; color: var(--yellow); }
h1 em { font-style: normal; color: var(--pink); font-weight: 700; }
h2 { font-size: var(--fs-3xl); font-weight: 300; letter-spacing: -0.02em; line-height: 1.1; }
h2 b { font-weight: 700; }
h2 em { font-style: normal; color: var(--pink); font-weight: 700; }
h3 { font-size: var(--fs-xl); font-weight: 700; letter-spacing: -0.01em; }
h4 { font-size: var(--fs-lg); font-weight: 700; letter-spacing: -0.01em; }
h5 { font-size: var(--fs-md); font-weight: 700; }
h6 { font-size: var(--fs-xs); font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--yellow); }

p { font-size: var(--fs-base); color: var(--ink-2); }
p.lead { font-size: var(--fs-md); color: var(--muted); }
small, .muted { color: var(--muted); font-size: var(--fs-sm); }

a { transition: color .15s ease; }

.eyebrow {
  display: inline-flex; align-items: center; gap: var(--sp-3);
  font-size: var(--fs-sm); font-weight: 600; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--ink-2);
}
.eyebrow .dot {
  width: 8px; height: 8px; border-radius: 50%; background: var(--yellow);
  box-shadow: 0 0 0 4px rgba(247,199,61,.25);
}
.eyebrow--light { color: #fff; opacity: .95; }

.highlight-pink   { color: var(--pink); font-weight: 700; }
.highlight-yellow { color: var(--yellow); font-weight: 700; }