Edit Webflow tokens

{
  "color": {
    "primary": {
      "$value": "#1856F5",
      "$type": "color",
      "$description": "Primary brand color used for CTAs, links, and key interactive elements"
    },
    "primary-hover": {
      "$value": "#0F3FCC",
      "$type": "color",
      "$description": "Hover state for primary color"
    },
    "black": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Primary text and headlines"
    },
    "white": {
      "$value": "#FFFFFF",
      "$type": "color",
      "$description": "Backgrounds and inverted text"
    },
    "gray": {
      "900": {
        "$value": "#1A1A1A",
        "$type": "color",
        "$description": "Dark backgrounds, footer"
      },
      "700": {
        "$value": "#4A4A4A",
        "$type": "color",
        "$description": "Secondary text"
      },
      "500": {
        "$value": "#6B6B6B",
        "$type": "color",
        "$description": "Tertiary text"
      },
      "300": {
        "$value": "#D1D1D1",
        "$type": "color",
        "$description": "Borders and dividers"
      },
      "100": {
        "$value": "#F7F7F7",
        "$type": "color",
        "$description": "Light backgrounds"
      },
      "50": {
        "$value": "#FAFAFA",
        "$type": "color",
        "$description": "Subtle backgrounds"
      }
    },
    "blue": {
      "100": {
        "$value": "#D4DBFF",
        "$type": "color",
        "$description": "Light blue hover states"
      },
      "50": {
        "$value": "#EEF0FF",
        "$type": "color",
        "$description": "Card backgrounds and light accents"
      }
    },
    "orange": {
      "$value": "#FF6B00",
      "$type": "color",
      "$description": "Accent color for badges and highlights"
    },
    "yellow": {
      "$value": "#FFB800",
      "$type": "color",
      "$description": "Accent color for highlights"
    },
    "success": {
      "$value": "#00C853",
      "$type": "color",
      "$description": "Success states and confirmations"
    },
    "error": {
      "$value": "#E53935",
      "$type": "color",
      "$description": "Error states and alerts"
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "\"Aeonik\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
        "$type": "fontFamily",
        "$description": "Primary font family for UI and content"
      },
      "mono": {
        "$value": "\"Fira Code\", \"Courier New\", monospace",
        "$type": "fontFamily",
        "$description": "Monospace font for code"
      }
    },
    "size": {
      "display-lg": {
        "$value": "96px",
        "$type": "dimension",
        "$description": "Large display headlines"
      },
      "display-md": {
        "$value": "80px",
        "$type": "dimension",
        "$description": "Medium display headlines"
      },
      "display-sm": {
        "$value": "64px",
        "$type": "dimension",
        "$description": "Small display headlines"
      },
      "h1": {
        "$value": "48px",
        "$type": "dimension",
        "$description": "Heading level 1"
      },
      "h2": {
        "$value": "40px",
        "$type": "dimension",
        "$description": "Heading level 2"
      },
      "h3": {
        "$value": "32px",
        "$type": "dimension",
        "$description": "Heading level 3"
      },
      "h4": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "Heading level 4"
      },
      "h5": {
        "$value": "20px",
        "$type": "dimension",
        "$description": "Heading level 5"
      },
      "body-lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Large body text"
      },
      "body": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Default body text"
      },
      "body-sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small body text"
      },
      "caption": {
        "$value": "12px",
        "$type": "dimension",
        "$description": "Captions and labels"
      },
      "overline": {
        "$value": "11px",
        "$type": "dimension",
        "$description": "Uppercase labels"
      }
    },
    "weight": {
      "normal": {
        "$value": 400,
        "$type": "fontWeight",
        "$description": "Normal text weight"
      },
      "medium": {
        "$value": 500,
        "$type": "fontWeight",
        "$description": "Medium text weight"
      },
      "semibold": {
        "$value": 600,
        "$type": "fontWeight",
        "$description": "Semibold text weight"
      },
      "bold": {
        "$value": 700,
        "$type": "fontWeight",
        "$description": "Bold text weight"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": 1.0,
        "$type": "number",
        "$description": "Tight line height for large headlines"
      },
      "snug": {
        "$value": 1.15,
        "$type": "number",
        "$description": "Snug line height for headings"
      },
      "normal": {
        "$value": 1.5,
        "$type": "number",
        "$description": "Normal line height"
      },
      "relaxed": {
        "$value": 1.6,
        "$type": "number",
        "$description": "Relaxed line height for body text"
      }
    }
  },
  "spacing": {
    "2": {
      "$value": "2px",
      "$type": "dimension",
      "$description": "Minimal spacing"
    },
    "4": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Extra small spacing"
    },
    "8": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Small spacing"
    },
    "12": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Compact spacing"
    },
    "16": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Base spacing unit"
    },
    "24": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Medium spacing"
    },
    "32": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Large spacing"
    },
    "48": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Extra large spacing"
    },
    "64": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "Section spacing"
    },
    "80": {
      "$value": "80px",
      "$type": "dimension",
      "$description": "Large section spacing"
    },
    "96": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "Extra large section spacing"
    },
    "120": {
      "$value": "120px",
      "$type": "dimension",
      "$description": "Maximum section spacing"
    }
  },
  "radius": {
    "none": {
      "$value": "0px",
      "$type": "dimension",
      "$description": "No border radius"
    },
    "xs": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Extra small radius for badges"
    },
    "sm": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Small radius for buttons and inputs"
    },
    "md": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Medium radius for cards"
    },
    "lg": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Large radius for large cards"
    },
    "xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Extra large radius"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Full radius for pills and toggles"
    }
  },
  "shadow": {
    "xs": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Extra small shadow for subtle elevation"
    },
    "sm": {
      "$value": "0 2px 4px rgba(0, 0, 0, 0.06)",
      "$type": "shadow",
      "$description": "Small shadow for cards"
    },
    "md": {
      "$value": "0 4px 12px rgba(0, 0, 0, 0.08)",
      "$type": "shadow",
      "$description": "Medium shadow for dropdowns"
    },
    "lg": {
      "$value": "0 8px 24px rgba(0, 0, 0, 0.10)",
      "$type": "shadow",
      "$description": "Large shadow for modals"
    },
    "xl": {
      "$value": "0 16px 48px rgba(0, 0, 0, 0.12)",
      "$type": "shadow",
      "$description": "Extra large shadow for large modals"
    }
  },
  "border": {
    "width": {
      "thin": {
        "$value": "1px",
        "$type": "dimension",
        "$description": "Thin border"
      },
      "medium": {
        "$value": "2px",
        "$type": "dimension",
        "$description": "Medium border"
      },
      "thick": {
        "$value": "4px",
        "$type": "dimension",
        "$description": "Thick border"
      }
    },
    "color": {
      "default": {
        "$value": "#D1D1D1",
        "$type": "color",
        "$description": "Default border color"
      },
      "light": {
        "$value": "#E8E8E8",
        "$type": "color",
        "$description": "Light border color"
      }
    }
  }
}