Edit Railway tokens

{
  "color": {
    "background": {
      "dark": {
        "$value": "#0d0d12",
        "$type": "color",
        "$description": "Primary dark background for main site"
      },
      "light": {
        "$value": "#fafaf9",
        "$type": "color",
        "$description": "Light background for documentation pages"
      }
    },
    "surface": {
      "dark": {
        "$value": "#1a1a1f",
        "$type": "color",
        "$description": "Elevated surface on dark theme (cards, modals)"
      },
      "light": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "Elevated surface on light theme"
      }
    },
    "primary": {
      "base": {
        "$value": "#8b5cf6",
        "$type": "color",
        "$description": "Primary brand purple for CTAs and accents"
      },
      "hover": {
        "$value": "#7c3aed",
        "$type": "color",
        "$description": "Primary button hover state"
      },
      "light": {
        "$value": "#ede9fe",
        "$type": "color",
        "$description": "Light purple tint for backgrounds"
      }
    },
    "text": {
      "on-dark": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "Primary text on dark backgrounds"
      },
      "secondary-dark": {
        "$value": "#a1a1aa",
        "$type": "color",
        "$description": "Secondary text on dark backgrounds"
      },
      "on-light": {
        "$value": "#171717",
        "$type": "color",
        "$description": "Primary text on light backgrounds"
      },
      "secondary-light": {
        "$value": "#737373",
        "$type": "color",
        "$description": "Secondary text on light backgrounds"
      }
    },
    "border": {
      "dark": {
        "$value": "#27272a",
        "$type": "color",
        "$description": "Borders and dividers on dark theme"
      },
      "light": {
        "$value": "#e5e5e5",
        "$type": "color",
        "$description": "Borders on light theme"
      }
    },
    "accent": {
      "cream": {
        "$value": "#fef9e7",
        "$type": "color",
        "$description": "Cream accent for doc cards"
      },
      "lavender": {
        "$value": "#ede9fe",
        "$type": "color",
        "$description": "Lavender accent for doc cards"
      },
      "rose": {
        "$value": "#fef2f2",
        "$type": "color",
        "$description": "Rose accent for doc cards"
      },
      "mint": {
        "$value": "#f0fdf4",
        "$type": "color",
        "$description": "Mint accent for doc cards"
      }
    },
    "chart": {
      "purple": {
        "$value": "#8b5cf6",
        "$type": "color",
        "$description": "Data visualization accent color"
      }
    }
  },
  "font": {
    "family": {
      "display": {
        "$value": "Newsreader, Georgia, serif",
        "$type": "fontFamily",
        "$description": "Editorial serif for display headings"
      },
      "sans": {
        "$value": "Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
        "$type": "fontFamily",
        "$description": "Sans-serif for body and UI"
      },
      "mono": {
        "$value": "\"JetBrains Mono\", Consolas, Monaco, monospace",
        "$type": "fontFamily",
        "$description": "Monospace for code"
      }
    },
    "size": {
      "display-xl": {
        "$value": "4.5rem",
        "$type": "dimension",
        "$description": "Extra large display (72px)"
      },
      "display-lg": {
        "$value": "3.75rem",
        "$type": "dimension",
        "$description": "Large display (60px)"
      },
      "display-md": {
        "$value": "3rem",
        "$type": "dimension",
        "$description": "Medium display (48px)"
      },
      "heading-lg": {
        "$value": "2.25rem",
        "$type": "dimension",
        "$description": "Large heading (36px)"
      },
      "heading-md": {
        "$value": "1.5rem",
        "$type": "dimension",
        "$description": "Medium heading (24px)"
      },
      "heading-sm": {
        "$value": "1.25rem",
        "$type": "dimension",
        "$description": "Small heading (20px)"
      },
      "body-lg": {
        "$value": "1.125rem",
        "$type": "dimension",
        "$description": "Large body text (18px)"
      },
      "body-md": {
        "$value": "1rem",
        "$type": "dimension",
        "$description": "Default body text (16px)"
      },
      "body-sm": {
        "$value": "0.875rem",
        "$type": "dimension",
        "$description": "Small body text (14px)"
      },
      "caption": {
        "$value": "0.75rem",
        "$type": "dimension",
        "$description": "Caption text (12px)"
      }
    },
    "lineHeight": {
      "display-xl": {
        "$value": "1.1",
        "$type": "number",
        "$description": "Line height for XL display"
      },
      "display-lg": {
        "$value": "1.15",
        "$type": "number",
        "$description": "Line height for LG display"
      },
      "display-md": {
        "$value": "1.2",
        "$type": "number",
        "$description": "Line height for MD display"
      },
      "heading": {
        "$value": "1.3",
        "$type": "number",
        "$description": "Line height for headings"
      },
      "body": {
        "$value": "1.6",
        "$type": "number",
        "$description": "Line height for body text"
      },
      "tight": {
        "$value": "1.4",
        "$type": "number",
        "$description": "Tight line height"
      }
    },
    "weight": {
      "regular": {
        "$value": "400",
        "$type": "number",
        "$description": "Regular weight"
      },
      "medium": {
        "$value": "500",
        "$type": "number",
        "$description": "Medium weight"
      },
      "semibold": {
        "$value": "600",
        "$type": "number",
        "$description": "Semibold weight"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": "0.25rem",
      "$type": "dimension",
      "$description": "4px"
    },
    "2": {
      "$value": "0.5rem",
      "$type": "dimension",
      "$description": "8px"
    },
    "3": {
      "$value": "0.75rem",
      "$type": "dimension",
      "$description": "12px"
    },
    "4": {
      "$value": "1rem",
      "$type": "dimension",
      "$description": "16px"
    },
    "5": {
      "$value": "1.25rem",
      "$type": "dimension",
      "$description": "20px"
    },
    "6": {
      "$value": "1.5rem",
      "$type": "dimension",
      "$description": "24px"
    },
    "8": {
      "$value": "2rem",
      "$type": "dimension",
      "$description": "32px"
    },
    "10": {
      "$value": "2.5rem",
      "$type": "dimension",
      "$description": "40px"
    },
    "12": {
      "$value": "3rem",
      "$type": "dimension",
      "$description": "48px"
    },
    "16": {
      "$value": "4rem",
      "$type": "dimension",
      "$description": "64px"
    },
    "20": {
      "$value": "5rem",
      "$type": "dimension",
      "$description": "80px"
    },
    "24": {
      "$value": "6rem",
      "$type": "dimension",
      "$description": "96px"
    },
    "32": {
      "$value": "8rem",
      "$type": "dimension",
      "$description": "128px"
    }
  },
  "radius": {
    "sm": {
      "$value": "0.25rem",
      "$type": "dimension",
      "$description": "Small radius (4px)"
    },
    "md": {
      "$value": "0.5rem",
      "$type": "dimension",
      "$description": "Medium radius (8px)"
    },
    "lg": {
      "$value": "0.75rem",
      "$type": "dimension",
      "$description": "Large radius (12px)"
    },
    "xl": {
      "$value": "1rem",
      "$type": "dimension",
      "$description": "Extra large radius (16px)"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Full radius for pills"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.1)",
      "$type": "shadow",
      "$description": "Subtle shadow"
    },
    "md": {
      "$value": "0 4px 6px rgba(0, 0, 0, 0.15)",
      "$type": "shadow",
      "$description": "Medium shadow for cards"
    },
    "lg": {
      "$value": "0 10px 25px rgba(0, 0, 0, 0.2)",
      "$type": "shadow",
      "$description": "Large shadow for modals"
    },
    "xl": {
      "$value": "0 20px 40px rgba(0, 0, 0, 0.3)",
      "$type": "shadow",
      "$description": "Extra large shadow"
    },
    "purple": {
      "$value": "0 8px 24px rgba(139, 92, 246, 0.4)",
      "$type": "shadow",
      "$description": "Purple glow for CTAs"
    }
  },
  "border": {
    "width": {
      "default": {
        "$value": "1px",
        "$type": "dimension",
        "$description": "Default border width"
      },
      "thick": {
        "$value": "2px",
        "$type": "dimension",
        "$description": "Thick border"
      }
    }
  }
}