{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "Generated from Snowflake — webdesignhot.com/design.md",
  "colors": {
    "bg": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "bg-surface": {
      "$type": "color",
      "$value": "#f5fafd"
    },
    "bg-soft": {
      "$type": "color",
      "$value": "#eaf4fb"
    },
    "bg-feature": {
      "$type": "color",
      "$value": "#dfeff9"
    },
    "bg-deep": {
      "$type": "color",
      "$value": "#0F2A3A"
    },
    "bg-midnight": {
      "$type": "color",
      "$value": "#091C28"
    },
    "bg-ink": {
      "$type": "color",
      "$value": "#000000"
    },
    "surface": {
      "$type": "color",
      "$value": "#f5fafd"
    },
    "text": {
      "$type": "color",
      "$value": "#000000"
    },
    "text-charcoal": {
      "$type": "color",
      "$value": "#111111"
    },
    "text-slate": {
      "$type": "color",
      "$value": "#2A2A2A"
    },
    "text-steel": {
      "$type": "color",
      "$value": "#444444"
    },
    "text-stone": {
      "$type": "color",
      "$value": "#6B6B6B"
    },
    "text-muted": {
      "$type": "color",
      "$value": "#9A9A9A"
    },
    "text-on-deep": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "text-on-deep-muted": {
      "$type": "color",
      "$value": "#B6D2E2"
    },
    "brand": {
      "$type": "color",
      "$value": "#249EDC"
    },
    "brand-light": {
      "$type": "color",
      "$value": "#45AEE3"
    },
    "brand-bright": {
      "$type": "color",
      "$value": "#3DB5E8"
    },
    "brand-deep": {
      "$type": "color",
      "$value": "#1A82B8"
    },
    "brand-dark": {
      "$type": "color",
      "$value": "#0F2A3A"
    },
    "brand-soft": {
      "$type": "color",
      "$value": "#C6E6F6"
    },
    "brand-wash": {
      "$type": "color",
      "$value": "#DFEFF9"
    },
    "brand-mid": {
      "$type": "color",
      "$value": "#6AC4EA"
    },
    "on-brand": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "on-brand-deep": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "accent-coral": {
      "$type": "color",
      "$value": "#FF7A59"
    },
    "accent-violet": {
      "$type": "color",
      "$value": "#7B61FF"
    },
    "accent-emerald": {
      "$type": "color",
      "$value": "#16A672"
    },
    "accent-amber": {
      "$type": "color",
      "$value": "#F5B400"
    },
    "link": {
      "$type": "color",
      "$value": "#1A82B8"
    },
    "link-hover": {
      "$type": "color",
      "$value": "#0F2A3A"
    },
    "border": {
      "$type": "color",
      "$value": "#D8DFE5"
    },
    "border-soft": {
      "$type": "color",
      "$value": "#E8EDF1"
    },
    "border-strong": {
      "$type": "color",
      "$value": "#B0BBC4"
    },
    "border-on-deep": {
      "$type": "color",
      "$value": "#1B3F55"
    },
    "semantic-success": {
      "$type": "color",
      "$value": "#16A672"
    },
    "semantic-warning-bg": {
      "$type": "color",
      "$value": "#FFF6E0"
    },
    "semantic-warning-text": {
      "$type": "color",
      "$value": "#8A6A1A"
    },
    "semantic-error": {
      "$type": "color",
      "$value": "#D8333C"
    },
    "semantic-info": {
      "$type": "color",
      "$value": "#1A82B8"
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Texta",
        "fontSize": "72px",
        "fontWeight": 500
      }
    },
    "h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Texta",
        "fontSize": "40px",
        "fontWeight": 500
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Texta",
        "fontSize": "16px",
        "lineHeight": 1.55
      }
    }
  },
  "radius": {
    "button": {
      "$type": "dimension",
      "$value": "12px"
    },
    "card": {
      "$type": "dimension",
      "$value": "16px"
    },
    "pill": {
      "$type": "dimension",
      "$value": "9999px"
    }
  },
  "spacing": {
    "xs": {
      "$type": "dimension",
      "$value": "0px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "4px"
    },
    "md": {
      "$type": "dimension",
      "$value": "12px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "24px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "40px"
    }
  }
}