#
# GRADIENT TOKENS
# Use these tokens to set background-image.
#

props:
  gradient_notification:
    value: "linear-gradient(to right, hsl(205, 93%, 54%) 0%, hsl(192, 100%, 46%) 100%)"
    category: background-gradient
  gradient_auth:
    value: "linear-gradient(-42deg, #391c5f 0%, #5b2770 100%)"
    category: background-gradient
  gradient_input:
    value: "linear-gradient(80deg,#f5566b,#f193fb)"
    category: background-gradient

  pink_gradient:
    value: "linear-gradient(to bottom, hsla(352, 88%, 65%, 1) 0%, hsla(293, 92%, 78%, 1) 100%)"
    category: gradient-scale
  violet_gradient:
    value: "linear-gradient(to bottom, hsla(293, 99%, 54%, 1) 0%, hsla(263, 93%, 59%, 1) 100%)"
    category: gradient-scale
  blue_gradient:
    value: "linear-gradient(to bottom, hsla(189, 99%, 54%, 1) 0%, hsla(216, 93%, 59%, 1) 100%)"
    category: gradient-scale
  yellow_gradient:
    value: "linear-gradient(to bottom, hsla(53, 99%, 54%, 1) 0%, hsla(31, 93%, 59%, 1) 100%)"
    category: gradient-scale
  green_gradient:
    value: "linear-gradient(to bottom, hsla(68, 68%, 58%, 1) 0%, hsla(137, 41%, 56%, 1) 100%)"
    category: gradient-scale
  red_gradient:
    value: "linear-gradient(to bottom, hsla(359, 84%, 67%, 1) 0%, hsla(27, 91%, 60%, 1) 100%)"
    category: gradient-scale
global:
  type: number