Edit Airbnb tokens

{
  "color": {
    "primary": {
      "$type": "color",
      "$value": "#FF385C",
      "$description": "Primary brand color for CTAs, links, and key UI accents"
    },
    "primary-dark": {
      "$type": "color",
      "$value": "#E31C5F",
      "$description": "Darker primary shade for hover states"
    },
    "primary-light": {
      "$type": "color",
      "$value": "#FF5A7D",
      "$description": "Lighter primary shade for highlights"
    },
    "background": {
      "$type": "color",
      "$value": "#FFFFFF",
      "$description": "Main page background"
    },
    "surface": {
      "$type": "color",
      "$value": "#F7F7F7",
      "$description": "Card and surface backgrounds"
    },
    "text": {
      "primary": {
        "$type": "color",
        "$value": "#222222",
        "$description": "Primary text color for headings and body"
      },
      "secondary": {
        "$type": "color",
        "$value": "#717171",
        "$description": "Secondary text for descriptions and metadata"
      },
      "tertiary": {
        "$type": "color",
        "$value": "#B0B0B0",
        "$description": "Disabled and placeholder text"
      }
    },
    "border": {
      "default": {
        "$type": "color",
        "$value": "#DDDDDD",
        "$description": "Default border color"
      },
      "light": {
        "$type": "color",
        "$value": "#EBEBEB",
        "$description": "Subtle divider color"
      }
    },
    "rating-star": {
      "$type": "color",
      "$value": "#FFC400",
      "$description": "Star rating icon color"
    },
    "success": {
      "$type": "color",
      "$value": "#00A699",
      "$description": "Success state color"
    },
    "error": {
      "$type": "color",
      "$value": "#C13515",
      "$description": "Error and destructive action color"
    },
    "overlay": {
      "$type": "color",
      "$value": "rgba(0, 0, 0, 0.5)",
      "$description": "Modal and image overlay"
    },
    "badge-bg": {
      "$type": "color",
      "$value": "#FFFFFF",
      "$description": "Badge background color"
    }
  },
  "font": {
    "family": {
      "sans": {
        "$type": "fontFamily",
        "$value": ["Circular", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif"],
        "$description": "Primary sans-serif font stack"
      },
      "mono": {
        "$type": "fontFamily",
        "$value": ["SF Mono", "Monaco", "Consolas", "monospace"],
        "$description": "Monospace font stack"
      }
    },
    "size": {
      "display-lg": {
        "$type": "dimension",
        "$value": "56px",
        "$description": "Large display text for hero headlines"
      },
      "display-md": {
        "$type": "dimension",
        "$value": "48px",
        "$description": "Medium display text for large headlines"
      },
      "h1": {
        "$type": "dimension",
        "$value": "36px",
        "$description": "Page title size"
      },
      "h2": {
        "$type": "dimension",
        "$value": "32px",
        "$description": "Section header size"
      },
      "h3": {
        "$type": "dimension",
        "$value": "26px",
        "$description": "Subsection header size"
      },
      "h4": {
        "$type": "dimension",
        "$value": "22px",
        "$description": "Card title size"
      },
      "body-lg": {
        "$type": "dimension",
        "$value": "18px",
        "$description": "Large body text"
      },
      "body": {
        "$type": "dimension",
        "$value": "16px",
        "$description": "Default body text size"
      },
      "body-sm": {
        "$type": "dimension",
        "$value": "14px",
        "$description": "Small body text"
      },
      "caption": {
        "$type": "dimension",
        "$value": "12px",
        "$description": "Caption and metadata text"
      }
    },
    "weight": {
      "black": {
        "$type": "number",
        "$value": 800,
        "$description": "Extra bold weight for emphasis"
      },
      "bold": {
        "$type": "number",
        "$value": 700,
        "$description": "Bold weight for headings"
      },
      "semibold": {
        "$type": "number",
        "$value": 600,
        "$description": "Semibold weight for subheadings"
      },
      "medium": {
        "$type": "number",
        "$value": 500,
        "$description": "Medium weight for emphasis"
      },
      "regular": {
        "$type": "number",
        "$value": 400,
        "$description": "Regular weight for body text"
      }
    },
    "lineHeight": {
      "display-lg": {
        "$type": "dimension",
        "$value": "64px",
        "$description": "Line height for 56px display text"
      },
      "display-md": {
        "$type": "dimension",
        "$value": "56px",
        "$description": "Line height for 48px display text"
      },
      "h1": {
        "$type": "dimension",
        "$value": "44px",
        "$description": "Line height for h1"
      },
      "h2": {
        "$type": "dimension",
        "$value": "40px",
        "$description": "Line height for h2"
      },
      "h3": {
        "$type": "dimension",
        "$value": "32px",
        "$description": "Line height for h3"
      },
      "h4": {
        "$type": "dimension",
        "$value": "28px",
        "$description": "Line height for h4"
      },
      "body-lg": {
        "$type": "dimension",
        "$value": "28px",
        "$description": "Line height for large body"
      },
      "body": {
        "$type": "dimension",
        "$value": "24px",
        "$description": "Line height for body text"
      },
      "body-sm": {
        "$type": "dimension",
        "$value": "20px",
        "$description": "Line height for small body"
      },
      "caption": {
        "$type": "dimension",
        "$value": "16px",
        "$description": "Line height for captions"
      }
    }
  },
  "spacing": {
    "1": {
      "$type": "dimension",
      "$value": "4px",
      "$description": "Tight spacing"
    },
    "2": {
      "$type": "dimension",
      "$value": "8px",
      "$description": "Close element spacing"
    },
    "3": {
      "$type": "dimension",
      "$value": "12px",
      "$description": "Small gap spacing"
    },
    "4": {
      "$type": "dimension",
      "$value": "16px",
      "$description": "Default spacing unit"
    },
    "5": {
      "$type": "dimension",
      "$value": "20px",
      "$description": "Medium spacing"
    },
    "6": {
      "$type": "dimension",
      "$value": "24px",
      "$description": "Card and grid gap spacing"
    },
    "8": {
      "$type": "dimension",
      "$value": "32px",
      "$description": "Large spacing"
    },
    "10": {
      "$type": "dimension",
      "$value": "40px",
      "$description": "Section spacing"
    },
    "12": {
      "$type": "dimension",
      "$value": "48px",
      "$description": "Large section spacing"
    },
    "16": {
      "$type": "dimension",
      "$value": "64px",
      "$description": "Extra large spacing"
    },
    "20": {
      "$type": "dimension",
      "$value": "80px",
      "$description": "Hero spacing"
    },
    "24": {
      "$type": "dimension",
      "$value": "96px",
      "$description": "Page spacing"
    },
    "32": {
      "$type": "dimension",
      "$value": "128px",
      "$description": "Maximum spacing"
    }
  },
  "radius": {
    "sm": {
      "$type": "dimension",
      "$value": "8px",
      "$description": "Small border radius for badges"
    },
    "md": {
      "$type": "dimension",
      "$value": "12px",
      "$description": "Medium border radius for cards"
    },
    "lg": {
      "$type": "dimension",
      "$value": "16px",
      "$description": "Large border radius"
    },
    "xl": {
      "$type": "dimension",
      "$value": "24px",
      "$description": "Extra large border radius"
    },
    "full": {
      "$type": "dimension",
      "$value": "9999px",
      "$description": "Fully rounded pills and buttons"
    }
  },
  "shadow": {
    "sm": {
      "$type": "shadow",
      "$value": {
        "offsetX": "0px",
        "offsetY": "1px",
        "blur": "2px",
        "spread": "0px",
        "color": "rgba(0, 0, 0, 0.08)"
      },
      "$description": "Subtle elevation shadow"
    },
    "md": {
      "$type": "shadow",
      "$value": {
        "offsetX": "0px",
        "offsetY": "2px",
        "blur": "8px",
        "spread": "0px",
        "color": "rgba(0, 0, 0, 0.12)"
      },
      "$description": "Card and dropdown shadow"
    },
    "lg": {
      "$type": "shadow",
      "$value": {
        "offsetX": "0px",
        "offsetY": "6px",
        "blur": "16px",
        "spread": "0px",
        "color": "rgba(0, 0, 0, 0.12)"
      },
      "$description": "Search bar and modal shadow"
    },
    "xl": {
      "$type": "shadow",
      "$value": {
        "offsetX": "0px",
        "offsetY": "12px",
        "blur": "32px",
        "spread": "0px",
        "color": "rgba(0, 0, 0, 0.2)"
      },
      "$description": "Elevated modal shadow"
    },
    "hover": {
      "$type": "shadow",
      "$value": {
        "offsetX": "0px",
        "offsetY": "6px",
        "blur": "20px",
        "spread": "0px",
        "color": "rgba(0, 0, 0, 0.2)"
      },
      "$description": "Card hover state shadow"
    }
  },
  "border": {
    "width": {
      "thin": {
        "$type": "dimension",
        "$value": "1px",
        "$description": "Thin border width"
      },
      "default": {
        "$type": "dimension",
        "$value": "1px",
        "$description": "Default border width"
      },
      "thick": {
        "$type": "dimension",
        "$value": "2px",
        "$description": "Emphasized border width"
      }
    }
  }
}