/* ============================================================
   NODI — GRADIENT TOKENS
   Two families: fixed accent gradients (avatars/data) that read the
   same in both modes, and mode-aware ambient gradients (glow, fade)
   that are re-declared under [data-theme="dark"].
   ============================================================ */
:root {
  /* Avatar / identity gradients — one per accent (fixed in both modes) */
  --gradient-avatar-blue:   linear-gradient(135deg, var(--blue-100) 0%, var(--blue-500) 100%);
  --gradient-avatar-green:  linear-gradient(135deg, var(--green-100) 0%, var(--green-500) 100%);
  --gradient-avatar-success: linear-gradient(135deg, var(--green-100) 0%, var(--green-500) 100%);
  --gradient-avatar-yellow: linear-gradient(135deg, var(--yellow-100) 0%, var(--yellow-500) 100%);
  --gradient-avatar-red:    linear-gradient(135deg, var(--red-100) 0%, var(--red-500) 100%);

  /* Ambient / mode-aware (light defaults) */
  --gradient-brand-glow:   radial-gradient(120% 120% at 60% 40%, rgba(47,194,120,0.16) 0%, transparent 60%); /* @kind other */
  --gradient-surface-fade: radial-gradient(90% 70% at 50% 92%, var(--neutral-200) 0%, var(--neutral-0) 100%); /* @kind other */
  --gradient-data-area:    linear-gradient(180deg, var(--green-100) 0%, rgba(203,250,226,0) 100%); /* @kind other */
  --gradient-hero-veil:    linear-gradient(180deg, rgba(251,251,251,0) 0%, var(--surface-canvas) 100%); /* @kind other */
}

/* Dark-mode ambient gradients — brighter green over carbon */
[data-theme="dark"], .theme-dark {
  --gradient-brand-glow:   radial-gradient(120% 120% at 60% 40%, rgba(56,215,135,0.28) 0%, transparent 62%); /* @kind other */
  --gradient-surface-fade: radial-gradient(90% 70% at 50% 92%, rgba(47,194,120,0.14) 0%, rgba(13,13,13,0) 72%); /* @kind other */
  --gradient-data-area:    linear-gradient(180deg, rgba(47,194,120,0.38) 0%, rgba(47,194,120,0) 100%); /* @kind other */
  --gradient-hero-veil:    linear-gradient(180deg, rgba(13,13,13,0) 0%, var(--surface-canvas) 100%); /* @kind other */
}
