Edit Headspace tokens

{
  "color": {
    "brand": {
      "orange": {
        "$type": "color",
        "$value": "#ff6934",
        "$description": "Primary brand color, used in logo and key accents"
      },
      "yellow": {
        "$type": "color",
        "$value": "#ffc629",
        "$description": "Secondary brand color, backgrounds and highlights"
      },
      "blue": {
        "$type": "color",
        "$value": "#0066ff",
        "$description": "Primary CTA button color"
      }
    },
    "neutral": {
      "dark-navy": {
        "$type": "color",
        "$value": "#0b132b",
        "$description": "Dark section backgrounds"
      },
      "charcoal": {
        "$type": "color",
        "$value": "#2d2d2d",
        "$description": "Primary text and headings"
      },
      "gray-700": {
        "$type": "color",
        "$value": "#4a4a4a",
        "$description": "Secondary text"
      },
      "gray-500": {
        "$type": "color",
        "$value": "#767676",
        "$description": "Tertiary text and metadata"
      },
      "beige": {
        "$type": "color",
        "$value": "#f5f0eb",
        "$description": "Light section backgrounds"
      },
      "gray-50": {
        "$type": "color",
        "$value": "#f8f8f8",
        "$description": "Subtle backgrounds"
      },
      "white": {
        "$type": "color",
        "$value": "#ffffff",
        "$description": "White backgrounds and text"
      },
      "black": {
        "$type": "color",
        "$value": "#000000",
        "$description": "Pure black for text and icons"
      }
    },
    "accent": {
      "purple": {
        "$type": "color",
        "$value": "#7b68ee",
        "$description": "Sleep feature theme color"
      }
    }
  },
  "font": {
    "family": {
      "primary": {
        "$type": "fontFamily",
        "$value": "ui-sans-serif, system-ui, -apple-system, sans-serif",
        "$description": "Primary font stack"
      }
    },
    "size": {
      "hero": {
        "$type": "dimension",
        "$value": "64px",
        "$description": "Hero heading size"
      },
      "h1": {
        "$type": "dimension",
        "$value": "48px",
        "$description": "Page heading size"
      },
      "h2": {
        "$type": "dimension",
        "$value": "36px",
        "$description": "Section heading size"
      },
      "h3": {
        "$type": "dimension",
        "$value": "24px",
        "$description": "Subsection heading size"
      },
      "lg": {
        "$type": "dimension",
        "$value": "18px",
        "$description": "Large body text"
      },
      "base": {
        "$type": "dimension",
        "$value": "16px",
        "$description": "Default body text"
      },
      "sm": {
        "$type": "dimension",
        "$value": "14px",
        "$description": "Small text and metadata"
      }
    },
    "weight": {
      "regular": {
        "$type": "number",
        "$value": 400,
        "$description": "Regular text weight"
      },
      "medium": {
        "$type": "number",
        "$value": 500,
        "$description": "Medium weight for emphasis"
      },
      "bold": {
        "$type": "number",
        "$value": 700,
        "$description": "Bold weight for headings"
      }
    }
  },
  "spacing": {
    "xs": {
      "$type": "dimension",
      "$value": "4px",
      "$description": "Extra small spacing"
    },
    "sm": {
      "$type": "dimension",
      "$value": "8px",
      "$description": "Small spacing"
    },
    "md": {
      "$type": "dimension",
      "$value": "16px",
      "$description": "Medium spacing"
    },
    "lg": {
      "$type": "dimension",
      "$value": "24px",
      "$description": "Large spacing"
    },
    "xl": {
      "$type": "dimension",
      "$value": "32px",
      "$description": "Extra large spacing"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "48px",
      "$description": "2X large spacing"
    },
    "3xl": {
      "$type": "dimension",
      "$value": "64px",
      "$description": "3X large spacing"
    },
    "4xl": {
      "$type": "dimension",
      "$value": "96px",
      "$description": "4X large spacing"
    }
  },
  "radius": {
    "sm": {
      "$type": "dimension",
      "$value": "8px",
      "$description": "Small border radius"
    },
    "md": {
      "$type": "dimension",
      "$value": "12px",
      "$description": "Medium border radius"
    },
    "lg": {
      "$type": "dimension",
      "$value": "16px",
      "$description": "Large border radius"
    },
    "xl": {
      "$type": "dimension",
      "$value": "24px",
      "$description": "Extra large border radius"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "32px",
      "$description": "2X large border radius for buttons"
    },
    "full": {
      "$type": "dimension",
      "$value": "9999px",
      "$description": "Fully rounded / circular"
    }
  },
  "shadow": {
    "sm": {
      "$type": "shadow",
      "$value": "0 1px 2px rgba(0, 0, 0, 0.05)",
      "$description": "Subtle shadow"
    },
    "md": {
      "$type": "shadow",
      "$value": "0 4px 12px rgba(0, 0, 0, 0.08)",
      "$description": "Medium shadow for cards"
    },
    "lg": {
      "$type": "shadow",
      "$value": "0 8px 24px rgba(0, 0, 0, 0.12)",
      "$description": "Large shadow for elevation"
    },
    "xl": {
      "$type": "shadow",
      "$value": "0 16px 48px rgba(0, 0, 0, 0.16)",
      "$description": "Extra large shadow for hero elements"
    }
  }
}