/* Nexgeen Design System — component stylesheet.
   Every value that tokens.json holds is declared in tokens.css (loaded first).
   What stays here are the values tokens.json has no place for: gradients,
   motion, and the two heading-weight aliases. */
:root {
  /* Gradients */
  --exo-gradient-brand: linear-gradient(115deg, #b2368f 0%, #8a3287 45%, #6a2f78 100%);
  --exo-gradient-button: linear-gradient(90deg, #c0218d 0%, #7a2d86 100%);
  --exo-gradient-timeline: linear-gradient(90deg, #b72688 0%, #2f5a93 100%);
  --exo-gradient-soft: linear-gradient(180deg, #fbf3f9 0%, #f8eef6 100%);
  --exo-gradient-panel: linear-gradient(160deg, #fbeef7 0%, #eef1f8 100%);
  --exo-gradient-video-scrim: linear-gradient(0deg, rgba(20,6,24,0.8), rgba(20,6,24,0));
  --exo-gradient-hero-fade: linear-gradient(90deg, #f3f1f4 0%, #f3f1f4 26%, rgba(243,241,244,0.88) 46%, rgba(243,241,244,0.2) 78%, rgba(243,241,244,0) 100%);
  --surface-brand: var(--exo-gradient-brand);

  /* Campanha Black November (out–nov/2026), amostrado das peças */
  --exo-gradient-black: linear-gradient(100deg, #2a0a1f 0%, #3a1029 30%, #5a1a44 62%, #7c2a60 100%);
  --exo-gradient-tag: linear-gradient(120deg, #b44388 0%, #a23a7d 45%, #852a66 100%);
  --exo-gradient-text: linear-gradient(90deg, #c34c94 0%, #874c8b 55%, #c34c94 100%);
  --exo-gradient-black-bar: linear-gradient(90deg, #8c2d6a 0%, #6a0b4b 100%);
  --exo-glow-white: 0 0 22px rgba(255,255,255,0.55), 0 0 4px rgba(255,255,255,0.6);
  /* Novas páginas (out/2026), amostrado das referências */
  --exo-gradient-badge: linear-gradient(135deg, #a84d91 0%, #874b8b 100%);
  --exo-gradient-cta-panel: linear-gradient(120deg, #95377b 0%, #aa438c 55%, #ba579f 100%);
  --exo-gradient-download: linear-gradient(90deg, #9b478e 0%, #8a4a90 100%);
  --exo-hero-fade-right: linear-gradient(90deg, #f3f3f5 0%, rgba(243,243,245,0.6) 30%, rgba(243,243,245,0) 60%);
  /* Faixa rosa de destaque (prioridade do rosa, out/2026) */
  --exo-gradient-pink: linear-gradient(115deg, #c0218d 0%, #b2368f 40%, #8a3287 100%);
  /* Guia de Aplicação de Marca: marinho → magenta. Apenas registro, NÃO usar em designs (prioridade do rosa) */
  --exo-gradient-guide: linear-gradient(90deg, #002e6f 0%, #0f2f71 25%, #333178 50%, #693481 75%, #b6398e 100%);
  /* Elemento de linhas com nós, versão rosa: três intensidades do traço */
  --exo-line-soft: linear-gradient(90deg, #ecd6e6 0%, #e486c8 100%);
  --exo-line-mid: linear-gradient(90deg, #e486c8 0%, #b02a8f 100%);
  --exo-line-strong: linear-gradient(90deg, #aa438c 0%, #c0218d 100%);
  --exo-node-start: #8a3287;
  --exo-node-mid: #b02a8f;
  --exo-node-end: #e05bbd;

  /* Motion */
  --ease: cubic-bezier(.4,0,.2,1);
  --dur: 200ms;

  /* Heading weights */
  --heading-light-weight: var(--fw-light);
  --heading-bold-weight: var(--fw-black);
}