Edit Etsy tokens

{
  "color": {
    "brand": {
      "orange": {
        "$value": "#F1641E",
        "$type": "color",
        "$description": "Primary brand color for logo, CTAs, and key interactive elements"
      }
    },
    "navy": {
      "$value": "#2D3047",
      "$type": "color",
      "$description": "Dark background for hero sections and emphasis areas"
    },
    "orange": {
      "light": {
        "$value": "#FFA05C",
        "$type": "color",
        "$description": "Light orange for illustrations and organic shapes"
      }
    },
    "coral": {
      "$value": "#FF6347",
      "$type": "color",
      "$description": "Accent color for decorative shapes and highlights"
    },
    "red": {
      "dark": {
        "$value": "#8B2635",
        "$type": "color",
        "$description": "Dark red for illustration details"
      }
    },
    "peach": {
      "$value": "#FFB799",
      "$type": "color",
      "$description": "Warm peach for illustration fills"
    },
    "salmon": {
      "$value": "#FFC4B0",
      "$type": "color",
      "$description": "Soft salmon for illustration elements"
    },
    "teal": {
      "$value": "#507B9B",
      "$type": "color",
      "$description": "Cool teal for organic shape accents"
    },
    "neutral": {
      "white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Primary background color and text on dark surfaces"
      },
      "cream": {
        "$value": "#FFFBF7",
        "$type": "color",
        "$description": "Subtle warm background tint"
      },
      "black": {
        "$value": "#222222",
        "$type": "color",
        "$description": "Primary text color"
      },
      "gray": {
        "50": {
          "$value": "#F9F9F9",
          "$type": "color",
          "$description": "Light background for subtle sections"
        },
        "200": {
          "$value": "#E8E8E8",
          "$type": "color",
          "$description": "Light borders and dividers"
        },
        "300": {
          "$value": "#D1D1D1",
          "$type": "color",
          "$description": "Default border color"
        },
        "500": {
          "$value": "#999999",
          "$type": "color",
          "$description": "Tertiary text and disabled states"
        },
        "700": {
          "$value": "#595959",
          "$type": "color",
          "$description": "Secondary text color"
        }
      }
    }
  },
  "font": {
    "family": {
      "serif": {
        "$value": "'Guardian Egyptian', 'Guardian TextEgyp', Georgia, serif",
        "$type": "fontFamily",
        "$description": "Serif font family for headings and display text"
      },
      "sans": {
        "$value": "'Graphik Webfont', 'Helvetica Neue', Helvetica, Arial, sans-serif",
        "$type": "fontFamily",
        "$description": "Sans-serif font family for body text and UI"
      }
    },
    "size": {
      "xs": {
        "$value": "13px",
        "$type": "dimension",
        "$description": "Extra small text for captions and metadata"
      },
      "sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small text for navigation and secondary content"
      },
      "base": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Base body text size"
      },
      "lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Large body text"
      },
      "xl": {
        "$value": "32px",
        "$type": "dimension",
        "$description": "Medium heading size"
      },
      "2xl": {
        "$value": "40px",
        "$type": "dimension",
        "$description": "Large heading size"
      },
      "3xl": {
        "$value": "48px",
        "$type": "dimension",
        "$description": "Extra large heading size"
      },
      "4xl": {
        "$value": "56px",
        "$type": "dimension",
        "$description": "Display heading size"
      },
      "5xl": {
        "$value": "72px",
        "$type": "dimension",
        "$description": "Hero display size"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": "1.1",
        "$type": "number",
        "$description": "Tight line height for large headings"
      },
      "snug": {
        "$value": "1.15",
        "$type": "number",
        "$description": "Snug line height for display text"
      },
      "base": {
        "$value": "1.25",
        "$type": "number",
        "$description": "Base 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 large body text"
      }
    },
    "weight": {
      "normal": {
        "$value": "400",
        "$type": "number",
        "$description": "Normal font weight for body text"
      },
      "medium": {
        "$value": "500",
        "$type": "number",
        "$description": "Medium weight for emphasis and headings"
      },
      "semibold": {
        "$value": "600",
        "$type": "number",
        "$description": "Semibold weight for strong emphasis"
      },
      "bold": {
        "$value": "700",
        "$type": "number",
        "$description": "Bold weight for maximum emphasis"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Micro spacing unit"
    },
    "2": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Tight spacing unit"
    },
    "3": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Small spacing unit"
    },
    "4": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Base spacing unit"
    },
    "5": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Medium spacing unit"
    },
    "6": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Large spacing unit"
    },
    "8": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Extra large spacing unit"
    },
    "10": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "Section spacing unit"
    },
    "12": {
      "$value": "80px",
      "$type": "dimension",
      "$description": "Hero spacing unit"
    },
    "16": {
      "$value": "128px",
      "$type": "dimension",
      "$description": "Massive spacing unit"
    }
  },
  "radius": {
    "sm": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Small border radius for subtle rounding"
    },
    "md": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Medium border radius for cards and containers"
    },
    "lg": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Large border radius for prominent elements"
    },
    "pill": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Pill shape for buttons and search bars"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Full circle for badges and avatars"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.08)",
      "$type": "shadow",
      "$description": "Subtle elevation shadow"
    },
    "md": {
      "$value": "0 2px 4px rgba(0, 0, 0, 0.1)",
      "$type": "shadow",
      "$description": "Default elevation for cards and inputs"
    },
    "lg": {
      "$value": "0 4px 8px rgba(0, 0, 0, 0.12)",
      "$type": "shadow",
      "$description": "Prominent elevation for dropdowns"
    },
    "xl": {
      "$value": "0 8px 16px rgba(0, 0, 0, 0.15)",
      "$type": "shadow",
      "$description": "High elevation for modals and overlays"
    }
  },
  "border": {
    "width": {
      "thin": {
        "$value": "1px",
        "$type": "dimension",
        "$description": "Default border width"
      },
      "thick": {
        "$value": "2px",
        "$type": "dimension",
        "$description": "Thick border for emphasis"
      },
      "heavy": {
        "$value": "3px",
        "$type": "dimension",
        "$description": "Heavy border for active states"
      }
    }
  }
}