/* styles-sage.css — override: paleta sage + sans-serif Space Grotesk */

:root {
  --bg: #0f1310;
  --surface: #171c17;
  --surface-2: #1c221c;
  --rule: #262c26;
  --ivory: #e8e5db;
  --muted: #8a908a;
  --crema: #8fa679;
  --crema-bright: #b0c299;
}

/* ============ FONTES ============ */
/* Substituir Fraunces (serifada italic) por Space Grotesk sans-serif */

.hero h1,
.hero h1.hero-manifesto,
.section-title,
.product-name,
.bancada-section-title,
.catalog-title,
.about h2,
.wishlist-hero h1,
.bancada-hero h1,
.roast-section h2,
.roast-topics .title,
.roast-cta h2,
.cross-link-title,
.download-banner-text,
.menu-card .title,
.menu-highlight-title,
.menu-highlight-badge {
  font-family: 'Space Grotesk', sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
}

/* Elementos <em> dentro dos títulos: cor sage-bright em vez de italic */
.hero h1 em,
.hero h1.hero-manifesto em,
.section-title em,
.about h2 em,
.wishlist-hero h1 em,
.bancada-hero h1 em,
.roast-section h2 em,
.roast-cta h2 em,
.menu-card .title em,
.menu-highlight-title em {
  font-style: normal !important;
  color: var(--crema-bright) !important;
  font-weight: 600 !important;
}

/* Placeholder mark ("e" italic decorativo dos cards vazios) — mudar pra sage */
.placeholder-mark {
  font-family: 'Space Grotesk', sans-serif !important;
  color: var(--crema) !important;
}

/* Hero subs, descs, tagline — manter Inter mas garantir sem serifa */
.hero-sub,
.product-desc,
.section-intro,
.about-text p,
.roast-section p,
.roast-cta p {
  font-family: 'Inter', sans-serif !important;
}

/* Wordmark — o texto fallback (se logo não carregar) */
.wordmark.wordmark--text {
  font-family: 'JetBrains Mono', monospace !important;
  color: var(--crema) !important;
}

/* Botões, links, badges — cor sage */
.btn-open,
.marketplace,
.eyebrow,
.download-banner-note,
.wishlist-cta-eyebrow,
.bancada-section-num,
.catalog-num,
.cross-link-eyebrow,
.cross-link-arrow,
.roast-section .eyebrow,
.roast-cta .eyebrow,
.roast-topics .num {
  color: var(--crema) !important;
}

/* Bordas destacadas (Kruve card etc) */
.cross-link--partner,
.wishlist-cta,
.download-banner {
  border-color: var(--crema) !important;
}
.cross-link--partner::before,
.wishlist-cta::before,
.download-banner::before {
  background: var(--crema-bright) !important;
}

/* Elementos crema-bright */
.wishlist-cta-arrow,
.download-banner-btn {
  color: var(--crema-bright) !important;
  border-color: var(--crema) !important;
}
.download-banner-btn:hover {
  background: var(--crema) !important;
  color: var(--bg) !important;
}