Edit Squarespace tokens

{
  "color": {
    "black": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Primary black for text, navigation, and dark sections"
    },
    "white": {
      "$value": "#FFFFFF",
      "$type": "color",
      "$description": "White for text on dark backgrounds and light sections"
    },
    "gray": {
      "50": {
        "$value": "#FAFAFA",
        "$type": "color",
        "$description": "Lightest gray for subtle backgrounds"
      },
      "100": {
        "$value": "#F5F5F5",
        "$type": "color",
        "$description": "Light gray for backgrounds"
      },
      "900": {
        "$value": "#1A1A1A",
        "$type": "color",
        "$description": "Dark gray for backgrounds and footer"
      }
    },
    "beige": {
      "$value": "#E8DDD3",
      "$type": "color",
      "$description": "Warm beige for template previews and neutral backgrounds"
    },
    "coral": {
      "$value": "#FF8585",
      "$type": "color",
      "$description": "Coral accent for labels and decorative elements"
    },
    "blush": {
      "$value": "#FFE8E5",
      "$type": "color",
      "$description": "Soft blush for product detail backgrounds"
    },
    "sage": {
      "$value": "#6B7761",
      "$type": "color",
      "$description": "Sage green for primary CTA buttons and success states"
    },
    "pink-accent": {
      "$value": "#FF9999",
      "$type": "color",
      "$description": "Pink accent for highlights and interactive elements"
    }
  },
  "font": {
    "family": {
      "primary": {
        "$value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        "$type": "fontFamily",
        "$description": "Primary font stack for all text"
      }
    },
    "size": {
      "display-xl": {
        "$value": "96px",
        "$type": "dimension",
        "$description": "Extra large display text for hero headlines"
      },
      "display-lg": {
        "$value": "72px",
        "$type": "dimension",
        "$description": "Large display text for section headlines"
      },
      "heading-xl": {
        "$value": "48px",
        "$type": "dimension",
        "$description": "Extra large headings for page titles"
      },
      "heading-lg": {
        "$value": "36px",
        "$type": "dimension",
        "$description": "Large headings for section titles"
      },
      "heading-md": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "Medium headings for card titles"
      },
      "body-lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Large body text for hero subtext"
      },
      "body": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Default body text size"
      },
      "body-sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small text for labels and captions"
      }
    },
    "weight": {
      "normal": {
        "$value": "400",
        "$type": "fontWeight",
        "$description": "Normal font weight"
      },
      "medium": {
        "$value": "500",
        "$type": "fontWeight",
        "$description": "Medium font weight for emphasis"
      },
      "semibold": {
        "$value": "600",
        "$type": "fontWeight",
        "$description": "Semibold for strong emphasis"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": "1.1",
        "$type": "number",
        "$description": "Tight line height for large headings"
      },
      "snug": {
        "$value": "1.2",
        "$type": "number",
        "$description": "Snug line height for headings"
      },
      "normal": {
        "$value": "1.5",
        "$type": "number",
        "$description": "Normal line height for body text"
      },
      "relaxed": {
        "$value": "1.6",
        "$type": "number",
        "$description": "Relaxed line height for comfortable reading"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Micro spacing for tight layouts"
    },
    "2": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Small spacing between related elements"
    },
    "3": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Input padding and small gaps"
    },
    "4": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Default spacing unit"
    },
    "6": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Medium gaps between elements"
    },
    "8": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Large spacing for section padding"
    },
    "12": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Extra large spacing"
    },
    "16": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "Section margins"
    },
    "24": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "Hero section padding"
    },
    "32": {
      "$value": "128px",
      "$type": "dimension",
      "$description": "Major section spacing"
    }
  },
  "radius": {
    "none": {
      "$value": "0px",
      "$type": "dimension",
      "$description": "No border radius for sharp edges"
    },
    "sm": {
      "$value": "2px",
      "$type": "dimension",
      "$description": "Subtle rounding"
    },
    "md": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Default border radius for cards and inputs"
    },
    "lg": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Large border radius for modals"
    },
    "pill": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Pill shape for labels"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Subtle elevation for slight depth"
    },
    "md": {
      "$value": "0 4px 12px rgba(0, 0, 0, 0.1)",
      "$type": "shadow",
      "$description": "Medium shadow for cards and dropdowns"
    },
    "lg": {
      "$value": "0 10px 40px rgba(0, 0, 0, 0.15)",
      "$type": "shadow",
      "$description": "Large shadow for modals"
    },
    "overlay": {
      "$value": "0 20px 60px rgba(0, 0, 0, 0.25)",
      "$type": "shadow",
      "$description": "Strong shadow for overlays and popovers"
    }
  }
}