{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "Generated from GitLab — webdesignhot.com/design.md",
  "colors": {
    "bg": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "bg-soft": {
      "$type": "color",
      "$value": "#f2f1f5"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "surface-soft": {
      "$type": "color",
      "$value": "#f2f1f5"
    },
    "surface-ink": {
      "$type": "color",
      "$value": "#171321"
    },
    "text": {
      "$type": "color",
      "$value": "#171321"
    },
    "text-strong": {
      "$type": "color",
      "$value": "#171321"
    },
    "text-soft": {
      "$type": "color",
      "$value": "#4d4a57"
    },
    "text-muted": {
      "$type": "color",
      "$value": "#6e6b78"
    },
    "text-faint": {
      "$type": "color",
      "$value": "#9b99a3"
    },
    "on-brand": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "brand": {
      "$type": "color",
      "$value": "#fc6d26"
    },
    "brand-red": {
      "$type": "color",
      "$value": "#e24329"
    },
    "brand-purple": {
      "$type": "color",
      "$value": "#6e49cb"
    },
    "brand-soft": {
      "$type": "color",
      "$value": "rgba(252, 109, 38, 0.10)"
    },
    "brand-gradient": {
      "$type": "color",
      "$value": "linear-gradient(135deg, #fc6d26 0%, #e24329 50%, #6e49cb 100%)"
    },
    "cta-bg": {
      "$type": "color",
      "$value": "#171321"
    },
    "cta-text": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "cta-hover": {
      "$type": "color",
      "$value": "#2b2640"
    },
    "cta-light-bg": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "cta-light-text": {
      "$type": "color",
      "$value": "#171321"
    },
    "link": {
      "$type": "color",
      "$value": "#6e49cb"
    },
    "link-hover": {
      "$type": "color",
      "$value": "#5a3aa8"
    },
    "border": {
      "$type": "color",
      "$value": "#171321"
    },
    "border-soft": {
      "$type": "color",
      "$value": "#dcd9e3"
    },
    "border-faint": {
      "$type": "color",
      "$value": "#ece9f1"
    },
    "semantic-success": {
      "$type": "color",
      "$value": "#108548"
    },
    "semantic-warning": {
      "$type": "color",
      "$value": "#c17d10"
    },
    "semantic-danger": {
      "$type": "color",
      "$value": "#dd2b0e"
    },
    "semantic-info": {
      "$type": "color",
      "$value": "#6e49cb"
    },
    "shadow-tint": {
      "$type": "color",
      "$value": "rgba(23, 19, 33, 0.10)"
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "GitLab Sans",
        "fontSize": "96px",
        "fontWeight": 500
      }
    },
    "h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "GitLab Sans",
        "fontSize": "48px",
        "fontWeight": 500
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "GitLab Sans",
        "fontSize": "18px",
        "lineHeight": 1.55
      }
    }
  },
  "radius": {
    "button": {
      "$type": "dimension",
      "$value": "8px"
    },
    "card": {
      "$type": "dimension",
      "$value": "12px"
    },
    "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": "32px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "64px"
    }
  }
}