Edit Reddit tokens

{
  "color": {
    "reddit-orange": {
      "$value": "#ff4500",
      "$type": "color",
      "$description": "Primary brand color, used for logo, upvotes, and primary links"
    },
    "blue-primary": {
      "$value": "#0079d3",
      "$type": "color",
      "$description": "Primary action color for buttons and interactive elements"
    },
    "blue-dark": {
      "$value": "#0045ac",
      "$type": "color",
      "$description": "Darker blue for hover states and emphasis"
    },
    "cyan": {
      "$value": "#00d8d8",
      "$type": "color",
      "$description": "Accent color for promotional banners and highlights"
    },
    "text": {
      "primary": {
        "$value": "#1a1a1b",
        "$type": "color",
        "$description": "Primary text color for headings and body"
      },
      "secondary": {
        "$value": "#7c7c7c",
        "$type": "color",
        "$description": "Secondary text for metadata and less prominent content"
      },
      "tertiary": {
        "$value": "#878a8c",
        "$type": "color",
        "$description": "Tertiary text for disabled states and placeholders"
      }
    },
    "border": {
      "light": {
        "$value": "#edeff1",
        "$type": "color",
        "$description": "Light border color for subtle dividers"
      },
      "medium": {
        "$value": "#cccccc",
        "$type": "color",
        "$description": "Medium border color for standard borders"
      },
      "dark": {
        "$value": "#cccfd3",
        "$type": "color",
        "$description": "Dark border color for inputs and emphasized borders"
      }
    },
    "background": {
      "white": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "Primary white background"
      },
      "gray-light": {
        "$value": "#f6f7f8",
        "$type": "color",
        "$description": "Light gray background for secondary surfaces"
      },
      "gray": {
        "$value": "#dae0e6",
        "$type": "color",
        "$description": "Gray background for hover and disabled states"
      }
    },
    "black": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Pure black for high-contrast text"
    },
    "success": {
      "$value": "#46d160",
      "$type": "color",
      "$description": "Success state color"
    },
    "error": {
      "$value": "#ea0027",
      "$type": "color",
      "$description": "Error state color and downvotes"
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "IBM Plex Sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
        "$type": "fontFamily",
        "$description": "Primary sans-serif font stack"
      },
      "mono": {
        "$value": "IBM Plex Mono, \"Courier New\", monospace",
        "$type": "fontFamily",
        "$description": "Monospace font for code"
      }
    },
    "size": {
      "display": {
        "$value": "48px",
        "$type": "dimension",
        "$description": "Extra large display text"
      },
      "h1": {
        "$value": "32px",
        "$type": "dimension",
        "$description": "Page title size"
      },
      "h2": {
        "$value": "28px",
        "$type": "dimension",
        "$description": "Section header size"
      },
      "h3": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "Subsection header size"
      },
      "h4": {
        "$value": "20px",
        "$type": "dimension",
        "$description": "Card title size"
      },
      "h5": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Smaller heading size"
      },
      "body-lg": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Large body text"
      },
      "body": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Default body text size"
      },
      "body-sm": {
        "$value": "12px",
        "$type": "dimension",
        "$description": "Small text and captions"
      },
      "caption": {
        "$value": "10px",
        "$type": "dimension",
        "$description": "Tiny labels and metadata"
      }
    },
    "weight": {
      "regular": {
        "$value": "400",
        "$type": "fontWeight",
        "$description": "Regular font weight"
      },
      "medium": {
        "$value": "500",
        "$type": "fontWeight",
        "$description": "Medium font weight"
      },
      "semibold": {
        "$value": "600",
        "$type": "fontWeight",
        "$description": "Semibold font weight for headings"
      },
      "bold": {
        "$value": "700",
        "$type": "fontWeight",
        "$description": "Bold font weight for emphasis"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": "1.1",
        "$type": "number",
        "$description": "Tight line height for large headings"
      },
      "snug": {
        "$value": "1.2",
        "$type": "number",
        "$description": "Snug line height for headings"
      },
      "normal": {
        "$value": "1.3",
        "$type": "number",
        "$description": "Normal line height"
      },
      "relaxed": {
        "$value": "1.5",
        "$type": "number",
        "$description": "Relaxed line height for body text"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Extra small spacing"
    },
    "2": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Small spacing"
    },
    "3": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Default spacing"
    },
    "4": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Medium spacing"
    },
    "5": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Large spacing"
    },
    "6": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Extra large spacing"
    },
    "8": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Section spacing"
    },
    "10": {
      "$value": "40px",
      "$type": "dimension",
      "$description": "Large section spacing"
    },
    "12": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Hero spacing"
    },
    "16": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "Page margin spacing"
    }
  },
  "radius": {
    "sm": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Small border radius for inputs and tags"
    },
    "md": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Medium border radius for buttons and cards"
    },
    "lg": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Large border radius for modals and containers"
    },
    "xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Extra large border radius"
    },
    "full": {
      "$value": "50%",
      "$type": "dimension",
      "$description": "Circular radius for avatars"
    },
    "pill": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Pill-shaped radius"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.06)",
      "$type": "shadow",
      "$description": "Small subtle shadow"
    },
    "md": {
      "$value": "0 2px 4px rgba(0, 0, 0, 0.12)",
      "$type": "shadow",
      "$description": "Medium shadow for cards"
    },
    "lg": {
      "$value": "0 4px 8px rgba(0, 0, 0, 0.15)",
      "$type": "shadow",
      "$description": "Large shadow for modals"
    },
    "card": {
      "$value": "0 1px 3px rgba(0, 0, 0, 0.08)",
      "$type": "shadow",
      "$description": "Specific shadow for post cards"
    }
  },
  "border": {
    "width": {
      "default": {
        "$value": "1px",
        "$type": "dimension",
        "$description": "Default border width"
      },
      "thick": {
        "$value": "2px",
        "$type": "dimension",
        "$description": "Thick border width"
      },
      "heavy": {
        "$value": "4px",
        "$type": "dimension",
        "$description": "Heavy border width for emphasis"
      }
    }
  }
}