{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "Generated from Salesforce — webdesignhot.com/design.md",
  "colors": {
    "bg": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "bg-cloud": {
      "$type": "color",
      "$value": "#ebf6fe"
    },
    "bg-soft": {
      "$type": "color",
      "$value": "#f3f3f3"
    },
    "bg-deep": {
      "$type": "color",
      "$value": "#032d60"
    },
    "bg-deeper": {
      "$type": "color",
      "$value": "#001639"
    },
    "bg-creative": {
      "$type": "color",
      "$value": "#021f4b"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "surface-tinted": {
      "$type": "color",
      "$value": "#f3fbff"
    },
    "surface-hover": {
      "$type": "color",
      "$value": "#f3f3f3"
    },
    "text": {
      "$type": "color",
      "$value": "#080707"
    },
    "text-strong": {
      "$type": "color",
      "$value": "#080707"
    },
    "text-body": {
      "$type": "color",
      "$value": "#181818"
    },
    "text-muted": {
      "$type": "color",
      "$value": "#3e3e3c"
    },
    "text-faint": {
      "$type": "color",
      "$value": "#555555"
    },
    "text-on-deep": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "text-on-deep-muted": {
      "$type": "color",
      "$value": "rgba(255,255,255,0.85)"
    },
    "brand": {
      "$type": "color",
      "$value": "#0176d3"
    },
    "brand-hover": {
      "$type": "color",
      "$value": "#005ca6"
    },
    "brand-active": {
      "$type": "color",
      "$value": "#0b5cab"
    },
    "brand-cyan": {
      "$type": "color",
      "$value": "#0d9dda"
    },
    "brand-deep-blue": {
      "$type": "color",
      "$value": "#0b5cab"
    },
    "brand-navy": {
      "$type": "color",
      "$value": "#032d60"
    },
    "accent": {
      "$type": "color",
      "$value": "#0d9dda"
    },
    "accent-soft": {
      "$type": "color",
      "$value": "#ebf6fe"
    },
    "accent-strong": {
      "$type": "color",
      "$value": "#3860be"
    },
    "trailhead-orange": {
      "$type": "color",
      "$value": "#ff9a3c"
    },
    "astro-yellow": {
      "$type": "color",
      "$value": "#fec934"
    },
    "ohana-green": {
      "$type": "color",
      "$value": "#04844b"
    },
    "semantic-success": {
      "$type": "color",
      "$value": "#04844b"
    },
    "link": {
      "$type": "color",
      "$value": "#0176d3"
    },
    "link-hover": {
      "$type": "color",
      "$value": "#005ca6"
    },
    "selected": {
      "$type": "color",
      "$value": "rgba(1,118,211,0.10)"
    },
    "border": {
      "$type": "color",
      "$value": "#dddbda"
    },
    "border-strong": {
      "$type": "color",
      "$value": "#c9c7c5"
    },
    "border-subtle": {
      "$type": "color",
      "$value": "#ecebea"
    },
    "ring-focus": {
      "$type": "color",
      "$value": "#1589ee"
    },
    "shadow-card": {
      "$type": "color",
      "$value": "rgba(0,0,0,0.10) 0 2px 4px"
    },
    "shadow-elevated": {
      "$type": "color",
      "$value": "rgba(0,0,0,0.16) 0 4px 12px"
    },
    "on-brand": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "on-cyan": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "success": {
      "$type": "color",
      "$value": "#04844b"
    },
    "success-bg": {
      "$type": "color",
      "$value": "#cdefc4"
    },
    "warning": {
      "$type": "color",
      "$value": "#fe9339"
    },
    "warning-bg": {
      "$type": "color",
      "$value": "#feedca"
    },
    "danger": {
      "$type": "color",
      "$value": "#ba0517"
    },
    "danger-bg": {
      "$type": "color",
      "$value": "#feded8"
    },
    "info": {
      "$type": "color",
      "$value": "#0176d3"
    },
    "info-bg": {
      "$type": "color",
      "$value": "#aacbff"
    },
    "gradient-hero": {
      "$type": "color",
      "$value": "linear-gradient(135deg, #032d60 0%, #0b5cab 50%, #0d9dda 100%)"
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "ITC Avant Garde",
        "fontSize": "80px",
        "fontWeight": 500
      }
    },
    "h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "ITC Avant Garde",
        "fontSize": "40px",
        "fontWeight": 500
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Salesforce Sans",
        "fontSize": "16px",
        "lineHeight": 1.5
      }
    }
  },
  "radius": {
    "button": {
      "$type": "dimension",
      "$value": "6px"
    },
    "card": {
      "$type": "dimension",
      "$value": "12px"
    },
    "pill": {
      "$type": "dimension",
      "$value": "9999px"
    }
  },
  "spacing": {
    "xs": {
      "$type": "dimension",
      "$value": "1px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "2px"
    },
    "md": {
      "$type": "dimension",
      "$value": "8px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "20px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "32px"
    }
  }
}