/* Design tokens — Miriam BarberShop Alphaville · arquétipo dark-acento (âmbar). */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500..800&family=EB+Garamond:ital@1&family=Inter:wght@400..600&display=swap');

:root {
  --bg: #0b0a08;
  --fg: #f2ede3;
  --muted: color-mix(in srgb, var(--fg) 62%, transparent);
  --accent: #d9a441;
  --font-display: "Archivo", Helvetica, sans-serif;
  --font-serif-touch: "EB Garamond", serif;
  --font-body: "Inter", system-ui, sans-serif;
  --tracking-caps: 0.14em;
  --radius: 14px;
  --section-pad: clamp(4rem, 10vh, 8rem);
}

/* Headline: display pesada; a palavra em <em> vai em serif itálica dourada */
.headline, .heroB-h, .heroM-h { font-weight: 700; }
.headline em, .heroB-h em, .heroM-h em, .manifesto h2 em {
  font-family: var(--font-serif-touch); font-style: italic; font-weight: 400; color: var(--accent);
}

/* Botões e badges: texto escuro sobre âmbar */
.btn { color: #14110b; }
.btn.ghost { color: var(--fg); }
.badge { color: #14110b; }

/* Cards sobre fundo escuro ganham um véu quente sutil */
.card { background: color-mix(in srgb, var(--accent) 4%, transparent); }