{
  "$themes": [
    {
      "id": "light",
      "name": "Light",
      "selectedTokenSets": {
        "global": "enabled",
        "role-light": "enabled",
        "brand": "enabled"
      }
    },
    {
      "id": "dark",
      "name": "Dark",
      "selectedTokenSets": {
        "global": "enabled",
        "role-dark": "enabled",
        "brand": "enabled"
      }
    }
  ],
  "global": {
    "color": {
      "stripe-purple": {
        "value": "#635BFF",
        "type": "color",
        "description": "The signature brand color. Primary buttons, links, gradient anchors."
      },
      "stripe-purple-pressed": {
        "value": "#533AFD",
        "type": "color",
        "description": "Active / pressed state of the primary purple."
      },
      "stripe-purple-soft": {
        "value": "#E8E9FF",
        "type": "color",
        "description": "Tinted backgrounds, badges, on-brand call-out cards."
      },
      "stripe-slate-100": {
        "value": "#061B31",
        "type": "color",
        "description": "Deepest slate — large headings on light surfaces."
      },
      "stripe-slate-90": {
        "value": "#0A2540",
        "type": "color",
        "description": "Standard heading slate, dark module backgrounds."
      },
      "stripe-slate-70": {
        "value": "#3C4F69",
        "type": "color",
        "description": "Secondary heading / large body text."
      },
      "stripe-slate-50": {
        "value": "#425466",
        "type": "color",
        "description": "Default body-text gray-blue."
      },
      "stripe-slate-30": {
        "value": "#667691",
        "type": "color",
        "description": "Muted text and tertiary labels."
      },
      "stripe-white": {
        "value": "#FFFFFF",
        "type": "color",
        "description": "Pure white surface."
      },
      "stripe-fog-0": {
        "value": "#F6F9FC",
        "type": "color",
        "description": "Page canvas — the off-white Stripe uses behind content."
      },
      "stripe-fog-1": {
        "value": "#E5EDF5",
        "type": "color",
        "description": "Subtle dividers and elevated-surface tints."
      },
      "stripe-fog-2": {
        "value": "#CFD7DF",
        "type": "color",
        "description": "Border / hairline."
      },
      "stripe-green": {
        "value": "#2CA25E",
        "type": "color",
        "description": "Success / confirmation green."
      },
      "stripe-orange": {
        "value": "#E17A38",
        "type": "color",
        "description": "Warm accent used in gradient surfaces."
      },
      "stripe-magenta": {
        "value": "#F44BCC",
        "type": "color",
        "description": "Hot accent — appears in Stripe's brand gradients."
      },
      "stripe-pink": {
        "value": "#FF5996",
        "type": "color",
        "description": "Light pink accent used in illustration."
      },
      "stripe-red": {
        "value": "#EA2261",
        "type": "color",
        "description": "Error / destructive action."
      }
    },
    "fontFamily": {
      "heading": {
        "value": "Inter",
        "type": "fontFamilies",
        "description": "inter@1.0.0 · sans-serif"
      },
      "body": {
        "value": "Inter",
        "type": "fontFamilies",
        "description": "inter@1.0.0 · sans-serif"
      },
      "mono": {
        "value": "JetBrainsMono Nerd Font",
        "type": "fontFamilies",
        "description": "jetbrainsmono-nerdfont@1.0.0 · monospace"
      }
    },
    "fontStack": {
      "heading": {
        "value": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "type": "fontFamilies"
      },
      "body": {
        "value": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "type": "fontFamilies"
      },
      "mono": {
        "value": [
          "JetBrainsMono Nerd Font",
          "JetBrains Mono",
          "Fira Code",
          "Menlo",
          "Monaco",
          "Consolas",
          "Liberation Mono",
          "monospace"
        ],
        "type": "fontFamilies"
      }
    }
  },
  "role-light": {
    "color": {
      "background": {
        "value": "{global.color.stripe-fog-0}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.stripe-white}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.stripe-white}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.stripe-slate-90}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.stripe-slate-50}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.stripe-slate-30}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.stripe-purple}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.stripe-purple-pressed}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.stripe-purple}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.stripe-purple-pressed}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.stripe-orange}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.stripe-orange}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.stripe-red}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.stripe-green}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.stripe-fog-2}",
        "type": "color"
      }
    }
  },
  "role-dark": {
    "color": {
      "background": {
        "value": "{global.color.stripe-slate-100}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.stripe-slate-90}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.stripe-slate-70}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.stripe-white}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.stripe-fog-1}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.stripe-slate-30}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.stripe-purple}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.stripe-purple-soft}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.stripe-purple}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.stripe-purple-soft}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.stripe-orange}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.stripe-orange}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.stripe-pink}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.stripe-green}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.stripe-slate-70}",
        "type": "color"
      }
    }
  },
  "brand": {
    "color": {
      "primary": {
        "value": "{global.color.stripe-purple}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.stripe-purple-pressed}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.stripe-purple}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.stripe-purple-pressed}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.stripe-green}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.stripe-orange}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.stripe-red}",
        "type": "color"
      },
      "text-primary-light": {
        "value": "{global.color.stripe-slate-90}",
        "type": "color"
      },
      "text-primary-dark": {
        "value": "{global.color.stripe-white}",
        "type": "color"
      },
      "background-light": {
        "value": "{global.color.stripe-fog-0}",
        "type": "color"
      },
      "background-dark": {
        "value": "{global.color.stripe-slate-100}",
        "type": "color"
      },
      "surface-light": {
        "value": "{global.color.stripe-white}",
        "type": "color"
      },
      "surface-dark": {
        "value": "{global.color.stripe-slate-90}",
        "type": "color"
      }
    }
  },
  "$metadata": {
    "name": "Stripe",
    "ref": "stripe@1.0.0",
    "paletteRef": "stripe@1.0.0",
    "generatedBy": "brand-atoms converter"
  }
}