{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "Generated from Synthesia — webdesignhot.com/design.md",
  "colors": {
    "bg": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "bg-alt": {
      "$type": "color",
      "$value": "#f7f8fb"
    },
    "bg-navy": {
      "$type": "color",
      "$value": "#0d0f2c"
    },
    "text": {
      "$type": "color",
      "$value": "#333b52"
    },
    "text-strong": {
      "$type": "color",
      "$value": "#0d0f2c"
    },
    "text-muted": {
      "$type": "color",
      "$value": "#6b7280"
    },
    "text-soft": {
      "$type": "color",
      "$value": "#9aa1b1"
    },
    "brand": {
      "$type": "color",
      "$value": "#3e57da"
    },
    "brand-hover": {
      "$type": "color",
      "$value": "#3349c0"
    },
    "brand-active": {
      "$type": "color",
      "$value": "#2c3ea6"
    },
    "brand-soft": {
      "$type": "color",
      "$value": "#eef1fd"
    },
    "on-brand": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "accent-pink": {
      "$type": "color",
      "$value": "#e585d7"
    },
    "pink-100": {
      "$type": "color",
      "$value": "#fef6fb"
    },
    "pink-200": {
      "$type": "color",
      "$value": "#ffebfc"
    },
    "pink-300": {
      "$type": "color",
      "$value": "#ffd7f9"
    },
    "pink-400": {
      "$type": "color",
      "$value": "#f6b2ec"
    },
    "pink-500": {
      "$type": "color",
      "$value": "#e585d7"
    },
    "pink-600": {
      "$type": "color",
      "$value": "#a73b98"
    },
    "pink-700": {
      "$type": "color",
      "$value": "#751b68"
    },
    "pink-800": {
      "$type": "color",
      "$value": "#26042f"
    },
    "link": {
      "$type": "color",
      "$value": "#3e57da"
    },
    "link-hover": {
      "$type": "color",
      "$value": "#2c3ea6"
    },
    "link-visited": {
      "$type": "color",
      "$value": "#5a4bc4"
    },
    "selected": {
      "$type": "color",
      "$value": "#eef1fd"
    },
    "disabled": {
      "$type": "color",
      "$value": "#c7ccdb"
    },
    "neutral-50": {
      "$type": "color",
      "$value": "#f7f8fb"
    },
    "neutral-100": {
      "$type": "color",
      "$value": "#eef0f5"
    },
    "neutral-200": {
      "$type": "color",
      "$value": "#e2e5ee"
    },
    "neutral-300": {
      "$type": "color",
      "$value": "#cdd2e0"
    },
    "neutral-400": {
      "$type": "color",
      "$value": "#9aa1b1"
    },
    "neutral-500": {
      "$type": "color",
      "$value": "#6b7280"
    },
    "neutral-600": {
      "$type": "color",
      "$value": "#4c5468"
    },
    "neutral-700": {
      "$type": "color",
      "$value": "#333b52"
    },
    "neutral-800": {
      "$type": "color",
      "$value": "#1e2438"
    },
    "neutral-900": {
      "$type": "color",
      "$value": "#0d0f2c"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "surface-alt": {
      "$type": "color",
      "$value": "#f7f8fb"
    },
    "surface-navy": {
      "$type": "color",
      "$value": "#0d0f2c"
    },
    "surface-pink": {
      "$type": "color",
      "$value": "#fef6fb"
    },
    "border": {
      "$type": "color",
      "$value": "#e2e5ee"
    },
    "border-strong": {
      "$type": "color",
      "$value": "#cdd2e0"
    },
    "border-subtle": {
      "$type": "color",
      "$value": "#eef0f5"
    },
    "border-brand": {
      "$type": "color",
      "$value": "#3e57da"
    },
    "shadow-ambient": {
      "$type": "color",
      "$value": "rgba(13,15,44,0.06)"
    },
    "shadow-standard": {
      "$type": "color",
      "$value": "rgba(13,15,44,0.10)"
    },
    "shadow-elevated": {
      "$type": "color",
      "$value": "rgba(13,15,44,0.16)"
    },
    "success": {
      "$type": "color",
      "$value": "#1f9d6b"
    },
    "success-bg": {
      "$type": "color",
      "$value": "#e8f7f0"
    },
    "success-text": {
      "$type": "color",
      "$value": "#0f5a3c"
    },
    "warning": {
      "$type": "color",
      "$value": "#c77d12"
    },
    "warning-bg": {
      "$type": "color",
      "$value": "#fbf3e2"
    },
    "warning-text": {
      "$type": "color",
      "$value": "#7a4d06"
    },
    "danger": {
      "$type": "color",
      "$value": "#d64545"
    },
    "danger-bg": {
      "$type": "color",
      "$value": "#fbeaea"
    },
    "danger-text": {
      "$type": "color",
      "$value": "#8a2424"
    },
    "info": {
      "$type": "color",
      "$value": "#3e57da"
    },
    "info-bg": {
      "$type": "color",
      "$value": "#eef1fd"
    },
    "info-text": {
      "$type": "color",
      "$value": "#2c3ea6"
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Basier Square",
        "fontSize": "88px",
        "fontWeight": 500
      }
    },
    "h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Basier Square",
        "fontSize": "88px",
        "fontWeight": 500
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Basier Square",
        "fontSize": "16px",
        "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"
    }
  }
}