/**
 * PUBLINK.AI brand tokens — single source for text gradients site-wide.
 * Loaded by site-nav.js on every page. Keep stops identical everywhere.
 */
:root {
  --pub-brand-cyan: #13C2C2;
  --pub-brand-blue: #4E8DFF;
  --pub-brand-purple: #7D8CFF;

  /* aliases used across homepage / scenario / solution pages */
  --shb-brand-cyan: #13C2C2;
  --shb-tech-blue: #4E8DFF;
  --shb-ai-purple: #7D8CFF;
  --flow-cyan: #13C2C2;
  --flow-violet: #7D8CFF;

  /* THE only brand text / CTA gradient */
  --pub-brand-gradient: linear-gradient(90deg, #13C2C2 0%, #4E8DFF 50%, #7D8CFF 100%);
  --pub-cta-gradient: linear-gradient(90deg, #13C2C2 0%, #4E8DFF 50%, #7D8CFF 100%);
  --gradient-text: var(--pub-brand-gradient);
  --gradient: var(--pub-brand-gradient);
}

/* Unified gradient text — wins over page-local definitions */
.gradient-text,
.title-gradient,
.ai-title-gradient,
.hero h1 .gradient-text,
.hero .gradient-text,
.hero__line.gradient-text,
.hero__line--grad,
#home.flow-hero .gradient-text {
  background: var(--pub-brand-gradient) !important;
  background-image: var(--pub-brand-gradient) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}