Edit Allbirds tokens

{
  "color": {
    "background": {
      "primary": {
        "$value": "#212121",
        "$type": "color",
        "$description": "Main dark background for footer and dark sections"
      },
      "secondary": {
        "$value": "#2a2a2a",
        "$type": "color",
        "$description": "Banner and elevated surface background"
      },
      "input": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "Background for input fields and buttons"
      }
    },
    "text": {
      "primary": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "Primary text color on dark backgrounds"
      },
      "secondary": {
        "$value": "#b3b3b3",
        "$type": "color",
        "$description": "Secondary text, muted content"
      },
      "inverse": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Text on light backgrounds"
      },
      "placeholder": {
        "$value": "#6b6b6b",
        "$type": "color",
        "$description": "Placeholder text in inputs"
      }
    },
    "border": {
      "subtle": {
        "$value": "#404040",
        "$type": "color",
        "$description": "Subtle borders and dividers"
      }
    },
    "icon": {
      "primary": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "Icon color on dark backgrounds"
      }
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
        "$type": "fontFamily",
        "$description": "Primary sans-serif font stack"
      },
      "logo": {
        "$value": "AllbirdsScript, cursive",
        "$type": "fontFamily",
        "$description": "Custom script font for logo"
      }
    },
    "size": {
      "xs": {
        "$value": "12px",
        "$type": "dimension",
        "$description": "Extra small text - legal, fine print"
      },
      "sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small text - body, links"
      },
      "base": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Base text size - inputs, standard copy"
      },
      "section": {
        "$value": "13px",
        "$type": "dimension",
        "$description": "Section heading size (used with bold + uppercase)"
      },
      "nav": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Navigation link size"
      },
      "logo": {
        "$value": "32px",
        "$type": "dimension",
        "$description": "Logo text size"
      }
    },
    "weight": {
      "normal": {
        "$value": 400,
        "$type": "number",
        "$description": "Normal font weight"
      },
      "medium": {
        "$value": 500,
        "$type": "number",
        "$description": "Medium font weight"
      },
      "bold": {
        "$value": 700,
        "$type": "number",
        "$description": "Bold font weight"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": 1.4,
        "$type": "number",
        "$description": "Tight line height for headings"
      },
      "normal": {
        "$value": 1.5,
        "$type": "number",
        "$description": "Normal line height for body"
      },
      "relaxed": {
        "$value": 1.6,
        "$type": "number",
        "$description": "Relaxed line height for comfortable reading"
      }
    },
    "letterSpacing": {
      "caps": {
        "$value": "0.08em",
        "$type": "dimension",
        "$description": "Letter spacing for uppercase headings"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Micro spacing"
    },
    "2": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Icon padding"
    },
    "3": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Small gaps"
    },
    "4": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Standard padding"
    },
    "5": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "List item spacing"
    },
    "6": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Column gaps"
    },
    "8": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Section spacing"
    },
    "10": {
      "$value": "40px",
      "$type": "dimension",
      "$description": "Large section padding"
    },
    "12": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Major section breaks"
    },
    "16": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "Hero section padding"
    }
  },
  "radius": {
    "sm": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Small border radius"
    },
    "md": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Medium border radius for buttons, cards"
    },
    "lg": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Large border radius"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Full border radius for pills and circles"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.3)",
      "$type": "shadow",
      "$description": "Subtle elevation shadow"
    },
    "md": {
      "$value": "0 4px 8px rgba(0, 0, 0, 0.4)",
      "$type": "shadow",
      "$description": "Medium elevation for cards, dropdowns"
    },
    "lg": {
      "$value": "0 8px 16px rgba(0, 0, 0, 0.5)",
      "$type": "shadow",
      "$description": "Large elevation for modals, overlays"
    }
  },
  "border": {
    "width": {
      "default": {
        "$value": "1px",
        "$type": "dimension",
        "$description": "Default border width"
      },
      "thick": {
        "$value": "2px",
        "$type": "dimension",
        "$description": "Thick border for emphasis"
      }
    }
  }
}