Edit Substack tokens

{
  "color": {
    "primary": {
      "$value": "#ff6719",
      "$type": "color",
      "$description": "Primary brand color for CTAs, links, and brand accents"
    },
    "primary-hover": {
      "$value": "#e85d15",
      "$type": "color",
      "$description": "Primary button hover state"
    },
    "primary-active": {
      "$value": "#d15312",
      "$type": "color",
      "$description": "Primary button active/pressed state"
    },
    "teal": {
      "$value": "#0f6f5c",
      "$type": "color",
      "$description": "Teal/emerald for hero backgrounds and accent panels"
    },
    "teal-light": {
      "$value": "#1a8b76",
      "$type": "color",
      "$description": "Lighter teal for gradients"
    },
    "cyan": {
      "$value": "#4ebfad",
      "$type": "color",
      "$description": "Cyan accent for gradient transitions"
    },
    "black": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Pure black for headlines and high-emphasis text"
    },
    "gray": {
      "950": {
        "$value": "#0a0a0a",
        "$type": "color",
        "$description": "Darkest gray"
      },
      "900": {
        "$value": "#1a1a1a",
        "$type": "color",
        "$description": "Body text, high-emphasis content"
      },
      "800": {
        "$value": "#2e2e2e",
        "$type": "color"
      },
      "700": {
        "$value": "#424242",
        "$type": "color",
        "$description": "Medium-emphasis text"
      },
      "600": {
        "$value": "#6b6b6b",
        "$type": "color",
        "$description": "Secondary text, metadata, timestamps"
      },
      "500": {
        "$value": "#999999",
        "$type": "color",
        "$description": "Tertiary text, placeholders"
      },
      "400": {
        "$value": "#cccccc",
        "$type": "color",
        "$description": "Borders, dividers"
      },
      "300": {
        "$value": "#e0e0e0",
        "$type": "color",
        "$description": "Light borders"
      },
      "200": {
        "$value": "#ebebeb",
        "$type": "color",
        "$description": "Card backgrounds, subtle dividers"
      },
      "100": {
        "$value": "#f7f7f7",
        "$type": "color",
        "$description": "Sidebar backgrounds, hover states"
      },
      "50": {
        "$value": "#fafafa",
        "$type": "color",
        "$description": "Page backgrounds"
      }
    },
    "white": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "White for card backgrounds, primary surfaces"
    }
  },
  "font": {
    "family": {
      "serif": {
        "$value": "Georgia, \"Times New Roman\", serif",
        "$type": "fontFamily",
        "$description": "Serif font for headlines and display text"
      },
      "sans": {
        "$value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif",
        "$type": "fontFamily",
        "$description": "Sans-serif system font stack for UI and body text"
      }
    },
    "size": {
      "xs": {
        "$value": "13px",
        "$type": "dimension",
        "$description": "Extra small text (fine print)"
      },
      "sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small text (captions, metadata)"
      },
      "base": {
        "$value": "15px",
        "$type": "dimension",
        "$description": "Base font size"
      },
      "md": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Body text"
      },
      "lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Large body text"
      },
      "xl": {
        "$value": "20px",
        "$type": "dimension",
        "$description": "Subheadings"
      },
      "2xl": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "Page titles"
      },
      "3xl": {
        "$value": "32px",
        "$type": "dimension",
        "$description": "Section headings"
      },
      "4xl": {
        "$value": "48px",
        "$type": "dimension",
        "$description": "Display medium"
      },
      "5xl": {
        "$value": "64px",
        "$type": "dimension",
        "$description": "Display large"
      },
      "6xl": {
        "$value": "72px",
        "$type": "dimension",
        "$description": "Display extra large (hero)"
      }
    },
    "weight": {
      "normal": {
        "$value": 400,
        "$type": "number",
        "$description": "Regular text weight"
      },
      "medium": {
        "$value": 500,
        "$type": "number",
        "$description": "Medium emphasis"
      },
      "semibold": {
        "$value": 600,
        "$type": "number",
        "$description": "Semi-bold for UI elements"
      },
      "bold": {
        "$value": 700,
        "$type": "number",
        "$description": "Bold for headings"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": 1.1,
        "$type": "number",
        "$description": "Tight line height for 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 text"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Base spacing unit"
    },
    "2": {
      "$value": "8px",
      "$type": "dimension"
    },
    "3": {
      "$value": "12px",
      "$type": "dimension"
    },
    "4": {
      "$value": "16px",
      "$type": "dimension"
    },
    "5": {
      "$value": "20px",
      "$type": "dimension"
    },
    "6": {
      "$value": "24px",
      "$type": "dimension"
    },
    "8": {
      "$value": "32px",
      "$type": "dimension"
    },
    "10": {
      "$value": "40px",
      "$type": "dimension"
    },
    "12": {
      "$value": "48px",
      "$type": "dimension"
    },
    "16": {
      "$value": "64px",
      "$type": "dimension"
    },
    "20": {
      "$value": "80px",
      "$type": "dimension"
    },
    "24": {
      "$value": "96px",
      "$type": "dimension"
    }
  },
  "radius": {
    "sm": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Small radius for inputs and badges"
    },
    "md": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "Medium radius for buttons and cards"
    },
    "lg": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Large radius for panels"
    },
    "xl": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Extra large radius for modals"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Full radius for pills and avatars"
    }
  },
  "shadow": {
    "xs": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Extra small shadow"
    },
    "sm": {
      "$value": "0 1px 3px rgba(0, 0, 0, 0.1)",
      "$type": "shadow",
      "$description": "Small shadow for buttons"
    },
    "md": {
      "$value": "0 2px 8px rgba(0, 0, 0, 0.08)",
      "$type": "shadow",
      "$description": "Medium shadow for cards"
    },
    "lg": {
      "$value": "0 4px 16px rgba(0, 0, 0, 0.12)",
      "$type": "shadow",
      "$description": "Large shadow for dropdowns"
    },
    "xl": {
      "$value": "0 8px 24px rgba(0, 0, 0, 0.15)",
      "$type": "shadow",
      "$description": "Extra large shadow for modals"
    }
  },
  "border": {
    "width": {
      "$value": "1px",
      "$type": "dimension",
      "$description": "Standard border width"
    },
    "color": {
      "$value": "#e0e0e0",
      "$type": "color",
      "$description": "Default border color"
    },
    "color-light": {
      "$value": "#ebebeb",
      "$type": "color",
      "$description": "Light border color"
    }
  }
}