/* Golden title treatment — premium accents across the site */

:root {
  --frx-gold: #D4AF37;
  --frx-gold-light: #F0D78C;
  --frx-gold-dark: #9A7B2F;
  --frx-gold-rich: #B8860B;
  --frx-gradient-gold: linear-gradient(120deg, #9A7B2F 0%, #D4AF37 38%, #F5E6B8 62%, #C9A227 100%);
  --frx-gradient-gold-hero: linear-gradient(125deg, #FFF8E7 0%, #F0D78C 25%, #D4AF37 55%, #B8860B 100%);
  --frx-gradient-gold-soft: linear-gradient(135deg, #B8860B 0%, #D4AF37 50%, #E8C547 100%);
}

/* Shared gold text utility */
.frx-text-gold,
.frx-title-gold {
  background: var(--frx-gradient-gold-soft);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/* ── Hero & page titles ── */
.frx-hero .frx-h1 {
  background: var(--frx-gradient-gold-hero);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 2px 24px rgba(212, 175, 55, 0.2));
}
.frx-hero .frx-h1 em {
  background: linear-gradient(125deg, #FFF4D6 0%, #FFE08A 40%, #D4AF37 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 400;
}

/* ── Section headings (homepage & inner pages) ── */
.frx-sec-head .frx-h2,
.frx-cta-h2 {
  background: var(--frx-gradient-gold-soft);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.frx-sec--dark .frx-sec-head .frx-h2,
.frx-sec--black .frx-sec-head .frx-h2,
.frx-cta-sec .frx-cta-h2 {
  background: var(--frx-gradient-gold-hero);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.frx-sec-head--left .frx-h2 {
  background: var(--frx-gradient-gold-soft);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Card titles on dark grids */
.frx-sec--dark .frx-card-h3,
.frx-card--dark .frx-card-h3 {
  color: var(--frx-gold-light);
}
.frx-sec--alt .frx-card-h3 {
  background: var(--frx-gradient-gold-soft);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Fraud grid & compare */
.frx-fraud-item h4 {
  color: var(--frx-gold-dark);
}
.frx-sec--dark .frx-fraud-item h4 {
  color: var(--frx-gold-light);
}
.frx-compare thead th {
  color: var(--frx-gold-light);
}

/* ── Topics hub (50 sections) ── */
.frx-topics-hub .frx-sec-head .frx-h2,
.frx-topic-cat-head .frx-h2,
.frx-topic-h2 {
  background: var(--frx-gradient-gold-soft);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.frx-topic--dark .frx-topic-h2,
.frx-topic--dark.frx-topic-cat-head .frx-h2,
.frx-topics-hub.frx-sec--dark .frx-sec-head .frx-h2 {
  background: var(--frx-gradient-gold-hero);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.frx-topic-pill:hover .frx-topic-pill-title {
  color: var(--frx-gold-light);
}
.frx-topics-nav-sticky a.is-active {
  color: var(--frx-gold-light);
  border-color: rgba(212, 175, 55, 0.45);
  background: rgba(212, 175, 55, 0.1);
}

/* Bento grid titles */
.frx-bento-cat-head .frx-h2,
.frx-bento-tile-title {
  background: var(--frx-gradient-gold-soft);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.frx-bento-cat--dark .frx-bento-cat-head .frx-h2,
.frx-bento-cat--dark .frx-bento-tile-title {
  background: var(--frx-gradient-gold-hero);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Mass library (1000 sections) */
.frx-mass-title,
.frx-mass-body h3 {
  background: var(--frx-gradient-gold-soft);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── Homepage long-form deep dives ── */
.frx-home-long-header .frx-h2,
.frx-home-long-block-head h3 {
  background: var(--frx-gradient-gold-soft);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.frx-home-long--b .frx-home-long-header .frx-h2,
.frx-home-long--b .frx-home-long-block-head h3 {
  background: var(--frx-gradient-gold-hero);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.frx-home-long-kicker {
  color: var(--frx-gold-rich);
}
.frx-home-long--b .frx-home-long-kicker {
  color: var(--frx-gold-light);
}

/* ── Guides & long articles ── */
.frx-long h2,
.frx-long-body h3 {
  background: var(--frx-gradient-gold-soft);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.frx-long--dark .frx-long h2,
.frx-long--dark .frx-long-body h3 {
  background: var(--frx-gradient-gold-hero);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.frx-long-kicker {
  color: var(--frx-gold-rich);
}
.frx-long--dark .frx-long-kicker {
  color: var(--frx-gold-light);
}

/* Stats / urgency accents */
.frx-urgency h3 {
  color: var(--frx-gold-light);
}
.frx-stats-band-item .num {
  color: var(--frx-gold-dark);
}

/* Footer brand */
.frx-footer-brand {
  background: var(--frx-gradient-gold-hero);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Eyebrow gold accent (optional mix with cyan) */
.frx-sec-eyebrow,
.frx-eyebrow-txt {
  color: var(--frx-gold-rich);
}
.frx-hero .frx-eyebrow-txt,
.frx-sec--dark .frx-sec-eyebrow {
  color: var(--frx-gold-light);
}
.frx-eyebrow-line {
  background: linear-gradient(90deg, var(--frx-gold), var(--frx-accent));
}

@media (max-width: 600px) {
  .frx-hero .frx-h1 {
    letter-spacing: -1px;
  }
}