/* The signature gradient: Coral -> Pink -> Magenta -> Purple.
   Use as an accent, never as a full-surface fill (brand guidelines, p.6 & p.9). */
:root{
  --sp-gradient-signature:linear-gradient(90deg,#FE6A43 0%,#FD3A6C 34%,#DB3193 67%,#A620B9 100%); /* @kind other */
  --sp-gradient-signature-diagonal:linear-gradient(135deg,#FE6A43 0%,#FD3A6C 34%,#DB3193 67%,#A620B9 100%); /* @kind other */
  --sp-gradient-signature-vertical:linear-gradient(180deg,#FE6A43 0%,#FD3A6C 34%,#DB3193 67%,#A620B9 100%); /* @kind other */

  /* Weighted variants. "Use more coral/orange for energy and positivity.
     Use more purple for creativity and ambition." */
  --sp-gradient-energy:linear-gradient(90deg,#FE6A43 0%,#FE7A4E 30%,#FD3A6C 72%,#DB3193 100%); /* @kind other */
  --sp-gradient-ambition:linear-gradient(90deg,#DB3193 0%,#BE2AA8 45%,#A620B9 100%); /* @kind other */

  /* Devices */
  --sp-gradient-line:var(--sp-gradient-signature); /* @kind other */       /* 4px rule / underline */
  --sp-gradient-wash:linear-gradient(135deg,#FFF2ED 0%,#FCECF5 55%,#F7EDFA 100%); /* @kind other */
  --sp-gradient-protect:linear-gradient(180deg,rgba(20,20,20,0) 0%,rgba(20,20,20,.72) 100%); /* @kind other */
  --sp-gradient-overlay-brand:linear-gradient(135deg,rgba(254,106,67,.85) 0%,rgba(219,49,147,.8) 55%,rgba(166,32,185,.85) 100%); /* @kind other */

  /* Text clip helper value */
  --sp-gradient-text:var(--sp-gradient-signature); /* @kind other */
}