---
name: Gradient
colors:
  primary: "#990FFA"
  secondary: "#E60076"
  success: "#16A34A"
  warning: "#D97706"
  danger: "#DC2626"
  surface: "#FFFFFF"
  text: "#111827"
  neutral: "#FFFFFF"
typography:
  h1:
    fontFamily: "Space Grotesk"
    fontSize: 2.25rem
  body-md:
    fontFamily: "Montserrat"
    fontSize: 1rem
  label-caps:
    fontFamily: "JetBrains Mono"
    fontSize: 0.75rem
  sourceScale: "12/14/16/18/24/30/36"
  weights: "100, 200, 300, 400, 500, 600, 700, 800, 900"
rounded:
  sm: 4px
  md: 8px
spacing:
  sm: 8px
  md: 16px
  sourceScale: "8pt baseline grid"
---

## Overview

Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.

## Style Foundations

- **Visual style:** modern, playful
- **Typography scale:** 12/14/16/18/24/30/36
- **Typography fonts:** primary=Montserrat, display=Space Grotesk, mono=JetBrains Mono
- **Typography weights:** 100, 200, 300, 400, 500, 600, 700, 800, 900
- **Color palette:** primary, secondary, neutral, success, warning, danger
- **Spacing scale:** 8pt baseline grid

## Colors

- **Primary (#990FFA):** Token from style foundations.
- **Secondary (#E60076):** Token from style foundations.
- **Success (#16A34A):** Token from style foundations.
- **Warning (#D97706):** Token from style foundations.
- **Danger (#DC2626):** Token from style foundations.
- **Surface (#FFFFFF):** Token from style foundations.
- **Text (#111827):** Token from style foundations.
- **Neutral (#FFFFFF):** Derived from the surface token for official format compatibility.
