{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "Generated from Figma — webdesignhot.com/design.md",
  "colors": {
    "bg": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "bg-soft": {
      "$type": "color",
      "$value": "#f7f7f5"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "surface-soft": {
      "$type": "color",
      "$value": "#f7f7f5"
    },
    "text": {
      "$type": "color",
      "$value": "#000000"
    },
    "text-strong": {
      "$type": "color",
      "$value": "#000000"
    },
    "text-soft": {
      "$type": "color",
      "$value": "#1e1e1e"
    },
    "text-muted": {
      "$type": "color",
      "$value": "#666666"
    },
    "text-faint": {
      "$type": "color",
      "$value": "#999999"
    },
    "brand": {
      "$type": "color",
      "$value": "#000000"
    },
    "brand-pressed": {
      "$type": "color",
      "$value": "#1e1e1e"
    },
    "on-brand": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "inverse-bg": {
      "$type": "color",
      "$value": "#000000"
    },
    "inverse-text": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "link": {
      "$type": "color",
      "$value": "#000000"
    },
    "link-hover": {
      "$type": "color",
      "$value": "#1e1e1e"
    },
    "border": {
      "$type": "color",
      "$value": "#e6e6e6"
    },
    "border-soft": {
      "$type": "color",
      "$value": "#f1f1f1"
    },
    "border-strong": {
      "$type": "color",
      "$value": "#cccccc"
    },
    "block-lime": {
      "$type": "color",
      "$value": "#dceeb1"
    },
    "block-lilac": {
      "$type": "color",
      "$value": "#c5b0f4"
    },
    "block-cream": {
      "$type": "color",
      "$value": "#f4ecd6"
    },
    "block-pink": {
      "$type": "color",
      "$value": "#efd4d4"
    },
    "block-mint": {
      "$type": "color",
      "$value": "#c8e6cd"
    },
    "block-coral": {
      "$type": "color",
      "$value": "#f3c9b6"
    },
    "block-navy": {
      "$type": "color",
      "$value": "#1f1d3d"
    },
    "accent-magenta": {
      "$type": "color",
      "$value": "#ff3d8b"
    },
    "accent-blue": {
      "$type": "color",
      "$value": "#0d99ff"
    },
    "accent-green": {
      "$type": "color",
      "$value": "#0fa958"
    },
    "accent-red": {
      "$type": "color",
      "$value": "#f24822"
    },
    "accent-purple": {
      "$type": "color",
      "$value": "#9747ff"
    },
    "accent-yellow": {
      "$type": "color",
      "$value": "#ffcd29"
    },
    "semantic-success": {
      "$type": "color",
      "$value": "#1ea64a"
    },
    "semantic-warning": {
      "$type": "color",
      "$value": "#ff9800"
    },
    "semantic-error": {
      "$type": "color",
      "$value": "#f24822"
    },
    "overlay-scrim": {
      "$type": "color",
      "$value": "rgba(0, 0, 0, 0.6)"
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "figmaSans",
        "fontSize": "86px",
        "fontWeight": 500
      }
    },
    "h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "figmaSans",
        "fontSize": "48px",
        "fontWeight": 500
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "figmaSans",
        "fontSize": "18px",
        "lineHeight": 1.45
      }
    }
  },
  "radius": {
    "button": {
      "$type": "dimension",
      "$value": "8px"
    },
    "card": {
      "$type": "dimension",
      "$value": "48px"
    },
    "pill": {
      "$type": "dimension",
      "$value": "50px"
    }
  },
  "spacing": {
    "xs": {
      "$type": "dimension",
      "$value": "1px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "4px"
    },
    "md": {
      "$type": "dimension",
      "$value": "12px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "32px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "64px"
    }
  }
}