Edit Dropbox tokens

{
  "color": {
    "primary": {
      "blue": {
        "$value": "#0061FF",
        "$type": "color",
        "$description": "Primary brand color, used for CTA buttons and key actions"
      },
      "blue-hover": {
        "$value": "#0052E0",
        "$type": "color",
        "$description": "Hover state for primary blue elements"
      }
    },
    "neutral": {
      "black": {
        "$value": "#1E1919",
        "$type": "color",
        "$description": "Primary black for dark backgrounds and text"
      },
      "white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Pure white for backgrounds and text on dark"
      },
      "gray-50": {
        "$value": "#F7F5F2",
        "$type": "color",
        "$description": "Lightest gray for page backgrounds"
      },
      "gray-100": {
        "$value": "#F0EEEB",
        "$type": "color",
        "$description": "Light gray for card backgrounds"
      },
      "gray-400": {
        "$value": "#9CA3AF",
        "$type": "color",
        "$description": "Medium gray for disabled states"
      },
      "gray-600": {
        "$value": "#637381",
        "$type": "color",
        "$description": "Dark gray for secondary text"
      },
      "gray-800": {
        "$value": "#3D4451",
        "$type": "color",
        "$description": "Darkest gray for primary text on light backgrounds"
      }
    },
    "accent": {
      "lime": {
        "$value": "#C6F72B",
        "$type": "color",
        "$description": "Accent lime for Best Value badges and highlights"
      },
      "blue-50": {
        "$value": "#F0F5FF",
        "$type": "color",
        "$description": "Light blue tint for backgrounds"
      },
      "blue-300": {
        "$value": "#A8C7FA",
        "$type": "color",
        "$description": "Mid-tone blue for illustrations"
      },
      "red": {
        "$value": "#FF6B6B",
        "$type": "color",
        "$description": "Red accent for PDF badges and alerts"
      },
      "green": {
        "$value": "#00D084",
        "$type": "color",
        "$description": "Green for success states"
      }
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "\"Sharp Sans\", \"AtlasGrotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif",
        "$type": "fontFamily",
        "$description": "Primary sans-serif font stack"
      },
      "mono": {
        "$value": "\"SF Mono\", Monaco, Consolas, monospace",
        "$type": "fontFamily",
        "$description": "Monospace font for code"
      }
    },
    "size": {
      "display-xl": {
        "$value": "72px",
        "$type": "dimension",
        "$description": "Extra large display text for heroes"
      },
      "display-lg": {
        "$value": "60px",
        "$type": "dimension",
        "$description": "Large display text"
      },
      "heading-1": {
        "$value": "48px",
        "$type": "dimension",
        "$description": "Primary heading size"
      },
      "heading-2": {
        "$value": "36px",
        "$type": "dimension",
        "$description": "Secondary heading size"
      },
      "heading-3": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "Tertiary heading size"
      },
      "body-lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Large body text"
      },
      "body": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Default body text size"
      },
      "body-sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small body text and captions"
      }
    },
    "weight": {
      "normal": {
        "$value": "400",
        "$type": "fontWeight",
        "$description": "Normal font weight"
      },
      "medium": {
        "$value": "600",
        "$type": "fontWeight",
        "$description": "Medium weight for emphasis"
      },
      "bold": {
        "$value": "700",
        "$type": "fontWeight",
        "$description": "Bold weight for headings"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": "1.1",
        "$type": "number",
        "$description": "Tight line height for large display text"
      },
      "snug": {
        "$value": "1.25",
        "$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 large body"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Base spacing unit"
    },
    "2": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "2x spacing"
    },
    "3": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "3x spacing"
    },
    "4": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "4x spacing"
    },
    "6": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "6x spacing"
    },
    "8": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "8x spacing"
    },
    "12": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "12x spacing for large sections"
    },
    "16": {
      "$value": "128px",
      "$type": "dimension",
      "$description": "16x spacing for page sections"
    }
  },
  "radius": {
    "sm": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "Small radius for badges"
    },
    "md": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Medium radius for buttons"
    },
    "lg": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Large radius for cards"
    },
    "xl": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Extra large radius"
    },
    "2xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "2XL radius for hero elements"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 3px rgba(0, 0, 0, 0.06)",
      "$type": "shadow",
      "$description": "Small shadow for subtle elevation"
    },
    "md": {
      "$value": "0 4px 12px rgba(0, 0, 0, 0.08)",
      "$type": "shadow",
      "$description": "Medium shadow for cards"
    },
    "lg": {
      "$value": "0 12px 24px rgba(0, 0, 0, 0.12)",
      "$type": "shadow",
      "$description": "Large shadow for modals"
    },
    "button": {
      "$value": "0 2px 8px rgba(0, 97, 255, 0.24)",
      "$type": "shadow",
      "$description": "Blue shadow for primary button hover"
    }
  },
  "border": {
    "width": {
      "$value": "1px",
      "$type": "dimension",
      "$description": "Standard border width"
    },
    "color": {
      "$value": "#E5E7EB",
      "$type": "color",
      "$description": "Default border color"
    },
    "color-dark": {
      "$value": "#D1D5DB",
      "$type": "color",
      "$description": "Darker border for emphasis"
    }
  }
}