{
  "version": "2.0",
  "name": "Neon",
  "id": "neon",
  "category": "creative-bold",
  "description": "High contrast vibrant aesthetic for gaming and esports - featuring 12-step color scales, effects, and animations",
  "colorSystem": {
    "type": "radix",
    "version": "3.0"
  },
  "scales": {
    "primary": {
      "name": "pink",
      "hue": 339,
      "saturation": {
        "light": {
          "low": 60,
          "high": 95
        },
        "dark": {
          "low": 50,
          "high": 90
        }
      },
      "steps": {
        "light": {
          "1": "339 60% 99%",
          "2": "339 65% 97%",
          "3": "339 70% 93%",
          "4": "339 75% 88%",
          "5": "339 80% 82%",
          "6": "339 85% 74%",
          "7": "339 90% 62%",
          "8": "339 85% 50%",
          "9": "339 95% 45%",
          "10": "339 95% 40%",
          "11": "339 95% 32%",
          "12": "339 100% 18%"
        },
        "dark": {
          "1": "339 50% 7%",
          "2": "339 55% 10%",
          "3": "339 60% 14%",
          "4": "339 65% 18%",
          "5": "339 70% 22%",
          "6": "339 75% 28%",
          "7": "339 80% 35%",
          "8": "339 70% 42%",
          "9": "339 90% 45%",
          "10": "339 85% 52%",
          "11": "339 75% 65%",
          "12": "339 65% 80%"
        }
      },
      "alpha": {
        "light": {
          "1": "339 90% 45% / 0.05",
          "2": "339 90% 45% / 0.1",
          "3": "339 90% 45% / 0.15",
          "4": "339 90% 45% / 0.2",
          "5": "339 90% 45% / 0.3",
          "6": "339 90% 45% / 0.4",
          "7": "339 90% 45% / 0.5",
          "8": "339 90% 45% / 0.6",
          "9": "339 90% 45% / 0.7",
          "10": "339 90% 45% / 0.8",
          "11": "339 90% 45% / 0.9",
          "12": "339 90% 45% / 0.95"
        },
        "dark": {
          "1": "339 90% 50% / 0.05",
          "2": "339 90% 50% / 0.1",
          "3": "339 90% 50% / 0.15",
          "4": "339 90% 50% / 0.2",
          "5": "339 90% 50% / 0.3",
          "6": "339 90% 50% / 0.4",
          "7": "339 90% 50% / 0.5",
          "8": "339 90% 50% / 0.6",
          "9": "339 90% 50% / 0.7",
          "10": "339 90% 50% / 0.8",
          "11": "339 90% 50% / 0.9",
          "12": "339 90% 50% / 0.95"
        }
      }
    },
    "neutral": {
      "name": "gray",
      "hue": 240,
      "steps": {
        "light": {
          "1": "230 40% 99%",
          "2": "230 40% 98%",
          "3": "230 35% 96%",
          "4": "230 30% 94%",
          "5": "230 25% 91%",
          "6": "230 20% 86%",
          "7": "230 18% 78%",
          "8": "230 16% 65%",
          "9": "230 14% 50%",
          "10": "230 12% 40%",
          "11": "240 47% 11%",
          "12": "240 84% 5%"
        },
        "dark": {
          "1": "240 84% 5%",
          "2": "240 50% 8%",
          "3": "235 33% 17%",
          "4": "235 30% 22%",
          "5": "235 28% 28%",
          "6": "235 26% 35%",
          "7": "235 22% 45%",
          "8": "235 20% 55%",
          "9": "233 20% 65%",
          "10": "233 18% 75%",
          "11": "230 35% 88%",
          "12": "230 40% 98%"
        }
      }
    }
  },
  "semanticTokens": {
    "light": {
      "background": "0 0% 100%",
      "foreground": {
        "$ref": "scales.neutral.steps.light.12"
      },
      "surface": {
        "$ref": "scales.neutral.steps.light.2"
      },
      "surface-hover": {
        "$ref": "scales.neutral.steps.light.3"
      },
      "surface-active": {
        "$ref": "scales.neutral.steps.light.4"
      },
      "primary": {
        "$ref": "scales.primary.steps.light.9"
      },
      "primary-hover": {
        "$ref": "scales.primary.steps.light.10"
      },
      "primary-foreground": "210 40% 98%",
      "secondary": {
        "$ref": "scales.neutral.steps.light.3"
      },
      "secondary-hover": {
        "$ref": "scales.neutral.steps.light.4"
      },
      "secondary-foreground": {
        "$ref": "scales.neutral.steps.light.11"
      },
      "muted": {
        "$ref": "scales.neutral.steps.light.3"
      },
      "muted-foreground": {
        "$ref": "scales.neutral.steps.light.9"
      },
      "accent": {
        "$ref": "scales.neutral.steps.light.3"
      },
      "accent-hover": {
        "$ref": "scales.neutral.steps.light.4"
      },
      "accent-foreground": {
        "$ref": "scales.neutral.steps.light.11"
      },
      "border": {
        "$ref": "scales.neutral.steps.light.5"
      },
      "border-hover": {
        "$ref": "scales.neutral.steps.light.6"
      },
      "input": {
        "$ref": "scales.neutral.steps.light.5"
      },
      "input-hover": {
        "$ref": "scales.neutral.steps.light.6"
      },
      "ring": {
        "$ref": "scales.primary.steps.light.9"
      },
      "ring-offset": "0 0% 100%",
      "card": "0 0% 100%",
      "card-foreground": {
        "$ref": "scales.neutral.steps.light.12"
      },
      "popover": "0 0% 100%",
      "popover-foreground": {
        "$ref": "scales.neutral.steps.light.12"
      },
      "panel": {
        "$ref": "scales.neutral.steps.light.2"
      },
      "panel-translucent": "0 0% 100% / 0.9",
      "overlay": "0 0% 0% / 0.4"
    },
    "dark": {
      "background": {
        "$ref": "scales.neutral.steps.dark.1"
      },
      "foreground": {
        "$ref": "scales.neutral.steps.dark.12"
      },
      "surface": {
        "$ref": "scales.neutral.steps.dark.2"
      },
      "surface-hover": {
        "$ref": "scales.neutral.steps.dark.3"
      },
      "surface-active": {
        "$ref": "scales.neutral.steps.dark.4"
      },
      "primary": {
        "$ref": "scales.primary.steps.dark.9"
      },
      "primary-hover": {
        "$ref": "scales.primary.steps.dark.10"
      },
      "primary-foreground": {
        "$ref": "scales.neutral.steps.dark.1"
      },
      "secondary": {
        "$ref": "scales.neutral.steps.dark.3"
      },
      "secondary-hover": {
        "$ref": "scales.neutral.steps.dark.4"
      },
      "secondary-foreground": {
        "$ref": "scales.neutral.steps.dark.12"
      },
      "muted": {
        "$ref": "scales.neutral.steps.dark.3"
      },
      "muted-foreground": {
        "$ref": "scales.neutral.steps.dark.9"
      },
      "accent": {
        "$ref": "scales.neutral.steps.dark.3"
      },
      "accent-hover": {
        "$ref": "scales.neutral.steps.dark.4"
      },
      "accent-foreground": {
        "$ref": "scales.neutral.steps.dark.12"
      },
      "border": {
        "$ref": "scales.neutral.steps.dark.3"
      },
      "border-hover": {
        "$ref": "scales.neutral.steps.dark.4"
      },
      "input": {
        "$ref": "scales.neutral.steps.dark.3"
      },
      "input-hover": {
        "$ref": "scales.neutral.steps.dark.4"
      },
      "ring": {
        "$ref": "scales.primary.steps.dark.9"
      },
      "ring-offset": {
        "$ref": "scales.neutral.steps.dark.1"
      },
      "card": {
        "$ref": "scales.neutral.steps.dark.1"
      },
      "card-foreground": {
        "$ref": "scales.neutral.steps.dark.12"
      },
      "popover": {
        "$ref": "scales.neutral.steps.dark.1"
      },
      "popover-foreground": {
        "$ref": "scales.neutral.steps.dark.12"
      },
      "panel": {
        "$ref": "scales.neutral.steps.dark.2"
      },
      "panel-translucent": "240 84% 5% / 0.9",
      "overlay": "0 0% 0% / 0.6"
    }
  },
  "statusColors": {
    "light": {
      "destructive": "0 84% 60%",
      "destructive-foreground": "0 0% 98%",
      "success": "151 55% 42%",
      "success-foreground": "0 0% 100%",
      "warning": "39 100% 50%",
      "warning-foreground": "39 40% 15%",
      "info": "206 100% 50%",
      "info-foreground": "0 0% 100%"
    },
    "dark": {
      "destructive": "0 63% 31%",
      "destructive-foreground": "0 0% 98%",
      "success": "151 50% 45%",
      "success-foreground": "0 0% 100%",
      "warning": "39 90% 55%",
      "warning-foreground": "39 80% 10%",
      "info": "206 90% 55%",
      "info-foreground": "0 0% 100%"
    }
  },
  "chartColors": {
    "1": {
      "$ref": "scales.primary.steps.light.9"
    },
    "2": "262 83% 58%",
    "3": "25 95% 53%",
    "4": "142 76% 36%",
    "5": "347 77% 50%"
  },
  "sidebarTokens": {
    "light": {
      "background": "0 0% 98%",
      "foreground": {
        "$ref": "scales.neutral.steps.light.9"
      },
      "primary": {
        "$ref": "scales.primary.steps.light.9"
      },
      "primary-foreground": "0 0% 98%",
      "accent": {
        "$ref": "scales.neutral.steps.light.3"
      },
      "accent-foreground": {
        "$ref": "scales.neutral.steps.light.11"
      },
      "border": {
        "$ref": "scales.neutral.steps.light.5"
      },
      "ring": {
        "$ref": "scales.primary.steps.light.9"
      }
    },
    "dark": {
      "background": {
        "$ref": "scales.neutral.steps.dark.1"
      },
      "foreground": {
        "$ref": "scales.neutral.steps.dark.12"
      },
      "primary": {
        "$ref": "scales.primary.steps.dark.9"
      },
      "primary-foreground": "0 0% 100%",
      "accent": {
        "$ref": "scales.neutral.steps.dark.3"
      },
      "accent-foreground": {
        "$ref": "scales.neutral.steps.dark.12"
      },
      "border": {
        "$ref": "scales.neutral.steps.dark.3"
      },
      "ring": {
        "$ref": "scales.primary.steps.dark.9"
      }
    }
  },
  "typography": {
    "fontFamily": {
      "sans": "Inter, system-ui, sans-serif",
      "mono": "JetBrains Mono, monospace"
    },
    "fontFeatureSettings": "\"rlig\" 1, \"calt\" 1"
  },
  "spacing": {
    "radius": "0.5rem",
    "radiusLg": "var(--radius)",
    "radiusMd": "calc(var(--radius) - 2px)",
    "radiusSm": "calc(var(--radius) - 4px)"
  },
  "effects": {
    "glassMorphism": {
      "background": {
        "$ref": "scales.neutral.steps.light.1"
      },
      "backdropBlur": "12px"
    },
    "glow": {
      "default": "0 0 20px",
      "lg": "0 0 40px",
      "color": {
        "$ref": "scales.primary.steps.light.9"
      }
    },
    "gradient": {
      "primary": {
        "from": {
          "$ref": "scales.primary.steps.light.9"
        },
        "to": {
          "$ref": "scales.primary.steps.light.11"
        },
        "direction": "135deg"
      },
      "surface": {
        "from": "0 0% 100%",
        "to": {
          "$ref": "scales.neutral.steps.light.2"
        },
        "direction": "180deg"
      }
    }
  },
  "animations": {
    "shimmer": {
      "duration": "8s",
      "easing": "ease-in-out",
      "iteration": "infinite",
      "keyframes": {
        "0%": {
          "backgroundPosition": "-200% 0"
        },
        "100%": {
          "backgroundPosition": "200% 0"
        }
      }
    },
    "pulse-glow": {
      "duration": "2s",
      "easing": "ease-in-out",
      "iteration": "infinite",
      "keyframes": {
        "0%, 100%": {
          "boxShadow": "0 0 20px hsl(339 90% 45% / 0.3)"
        },
        "50%": {
          "boxShadow": "0 0 40px hsl(339 90% 45% / 0.6)"
        }
      }
    },
    "fade-in": {
      "duration": "0.3s",
      "easing": "ease-out",
      "keyframes": {
        "from": {
          "opacity": "0"
        },
        "to": {
          "opacity": "1"
        }
      }
    },
    "slide-up": {
      "duration": "0.4s",
      "easing": "cubic-bezier(0.16, 1, 0.3, 1)",
      "keyframes": {
        "from": {
          "transform": "translateY(10px)",
          "opacity": "0"
        },
        "to": {
          "transform": "translateY(0)",
          "opacity": "1"
        }
      }
    }
  },
  "colors": {
    "light": {
      "background": "0 0% 100%",
      "foreground": "240 10% 3.9%",
      "primary": "339.2 90.4% 51.2%",
      "primary-foreground": "0 0% 100%",
      "secondary": "240 4.8% 95.9%",
      "secondary-foreground": "240 5.9% 10%",
      "muted": "240 4.8% 95.9%",
      "muted-foreground": "240 3.8% 46.1%",
      "accent": "158.1 64.4% 51.6%",
      "accent-foreground": "240 5.9% 10%",
      "destructive": "0 84.2% 60.2%",
      "destructive-foreground": "0 0% 98%",
      "border": "240 5.9% 90%",
      "input": "240 5.9% 90%",
      "ring": "339.2 90.4% 51.2%",
      "card": "0 0% 100%",
      "card-foreground": "240 10% 3.9%",
      "popover": "0 0% 100%",
      "popover-foreground": "240 10% 3.9%",
      "chart-1": "339.2 90.4% 51.2%",
      "chart-2": "158.1 64.4% 51.6%",
      "chart-3": "47.9 95.8% 53.1%",
      "chart-4": "262.1 83.3% 57.8%",
      "chart-5": "199 89% 48%",
      "sidebar-background": "0 0% 98%",
      "sidebar-foreground": "240 5.3% 26.1%",
      "sidebar-primary": "339.2 90.4% 51.2%",
      "sidebar-primary-foreground": "0 0% 98%",
      "sidebar-accent": "240 4.8% 95.9%",
      "sidebar-accent-foreground": "240 5.9% 10%",
      "sidebar-border": "220 13% 91%",
      "sidebar-ring": "339.2 90.4% 51.2%"
    },
    "dark": {
      "background": "240 10% 3.9%",
      "foreground": "0 0% 98%",
      "primary": "339.2 90.4% 51.2%",
      "primary-foreground": "0 0% 100%",
      "secondary": "240 3.7% 15.9%",
      "secondary-foreground": "0 0% 98%",
      "muted": "240 3.7% 15.9%",
      "muted-foreground": "240 5% 64.9%",
      "accent": "158.1 64.4% 51.6%",
      "accent-foreground": "240 5.9% 10%",
      "destructive": "0 62.8% 30.6%",
      "destructive-foreground": "0 0% 98%",
      "border": "240 3.7% 15.9%",
      "input": "240 3.7% 15.9%",
      "ring": "339.2 90.4% 51.2%",
      "card": "240 10% 3.9%",
      "card-foreground": "0 0% 98%",
      "popover": "240 10% 3.9%",
      "popover-foreground": "0 0% 98%",
      "chart-1": "339.2 90.4% 61.2%",
      "chart-2": "158.1 64.4% 61.6%",
      "chart-3": "47.9 95.8% 63.1%",
      "chart-4": "262.1 83.3% 67.8%",
      "chart-5": "199 89% 58%",
      "sidebar-background": "240 5.9% 10%",
      "sidebar-foreground": "240 4.8% 95.9%",
      "sidebar-primary": "339.2 90.4% 51.2%",
      "sidebar-primary-foreground": "0 0% 100%",
      "sidebar-accent": "240 3.7% 15.9%",
      "sidebar-accent-foreground": "240 4.8% 95.9%",
      "sidebar-border": "240 3.7% 15.9%",
      "sidebar-ring": "339.2 90.4% 51.2%"
    }
  },
  "radius": "0.5rem",
  "fontFamily": {
    "sans": "Inter, system-ui, sans-serif",
    "mono": "JetBrains Mono, monospace"
  }
}