{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "Generated from Stripe — webdesignhot.com/design.md",
  "colors": {
    "bg": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "bg-quiet": {
      "$type": "color",
      "$value": "#f8fafd"
    },
    "bg-min": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "surface-soft": {
      "$type": "color",
      "$value": "#f6f9fc"
    },
    "surface-elev": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "bg-brand-dark": {
      "$type": "color",
      "$value": "#1c1e54"
    },
    "bg-dark-navy": {
      "$type": "color",
      "$value": "#0d253d"
    },
    "text": {
      "$type": "color",
      "$value": "#061b31"
    },
    "text-strong": {
      "$type": "color",
      "$value": "#061b31"
    },
    "text-soft": {
      "$type": "color",
      "$value": "#50617a"
    },
    "text-subdued": {
      "$type": "color",
      "$value": "#64748d"
    },
    "text-label": {
      "$type": "color",
      "$value": "#273951"
    },
    "text-on-dark": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "text-on-dark-muted": {
      "$type": "color",
      "$value": "rgba(255,255,255,0.7)"
    },
    "brand": {
      "$type": "color",
      "$value": "#533afd"
    },
    "brand-hover": {
      "$type": "color",
      "$value": "#4434d4"
    },
    "brand-deep": {
      "$type": "color",
      "$value": "#2e2b8c"
    },
    "brand-light": {
      "$type": "color",
      "$value": "#665efd"
    },
    "brand-tint": {
      "$type": "color",
      "$value": "#e8e9ff"
    },
    "brand-soft": {
      "$type": "color",
      "$value": "#b9b9f9"
    },
    "brand-bg-hover": {
      "$type": "color",
      "$value": "rgba(83,58,253,0.05)"
    },
    "accent-ruby": {
      "$type": "color",
      "$value": "#ea2261"
    },
    "accent-magenta": {
      "$type": "color",
      "$value": "#f96bee"
    },
    "accent-magenta-soft": {
      "$type": "color",
      "$value": "#ffd7ef"
    },
    "accent-info": {
      "$type": "color",
      "$value": "#2874ad"
    },
    "border": {
      "$type": "color",
      "$value": "#e5edf5"
    },
    "border-default": {
      "$type": "color",
      "$value": "#d4dee9"
    },
    "border-strong": {
      "$type": "color",
      "$value": "#061b31"
    },
    "border-purple": {
      "$type": "color",
      "$value": "#b9b9f9"
    },
    "border-purple-soft": {
      "$type": "color",
      "$value": "#d6d9fc"
    },
    "border-magenta": {
      "$type": "color",
      "$value": "#ffd7ef"
    },
    "border-dashed": {
      "$type": "color",
      "$value": "#362baa"
    },
    "link": {
      "$type": "color",
      "$value": "#533afd"
    },
    "link-hover": {
      "$type": "color",
      "$value": "#4434d4"
    },
    "on-brand": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "success": {
      "$type": "color",
      "$value": "#15be53"
    },
    "success-text": {
      "$type": "color",
      "$value": "#108c3d"
    },
    "success-bg": {
      "$type": "color",
      "$value": "rgba(21,190,83,0.2)"
    },
    "success-border": {
      "$type": "color",
      "$value": "rgba(21,190,83,0.4)"
    },
    "warning": {
      "$type": "color",
      "$value": "#9b6829"
    },
    "danger": {
      "$type": "color",
      "$value": "#ea2261"
    },
    "shadow-blue": {
      "$type": "color",
      "$value": "rgba(50,50,93,0.25)"
    },
    "shadow-deep-blue": {
      "$type": "color",
      "$value": "rgba(3,3,39,0.25)"
    },
    "shadow-black": {
      "$type": "color",
      "$value": "rgba(0,0,0,0.1)"
    },
    "shadow-ambient": {
      "$type": "color",
      "$value": "rgba(23,23,23,0.08)"
    },
    "shadow-soft": {
      "$type": "color",
      "$value": "rgba(23,23,23,0.06)"
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "sohne-var",
        "fontSize": "56px",
        "fontWeight": 500
      }
    },
    "h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "sohne-var",
        "fontSize": "48px",
        "fontWeight": 500
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "sohne-var",
        "fontSize": "16px",
        "lineHeight": 1.55
      }
    }
  },
  "radius": {
    "button": {
      "$type": "dimension",
      "$value": "5px"
    },
    "card": {
      "$type": "dimension",
      "$value": "6px"
    },
    "pill": {
      "$type": "dimension",
      "$value": "9999px"
    }
  },
  "spacing": {
    "xs": {
      "$type": "dimension",
      "$value": "1px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "2px"
    },
    "md": {
      "$type": "dimension",
      "$value": "6px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "11px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "14px"
    }
  }
}