Edit Fly.io tokens

{
  "color": {
    "purple": {
      "primary": {
        "$value": "#7C3AED",
        "$type": "color",
        "$description": "Primary brand purple for CTAs and accents"
      },
      "light": {
        "$value": "#8B5CF6",
        "$type": "color",
        "$description": "Lighter purple for hover states and gradients"
      },
      "dark": {
        "$value": "#6D28D9",
        "$type": "color",
        "$description": "Darker purple for active states"
      }
    },
    "pink": {
      "primary": {
        "$value": "#EC4899",
        "$type": "color",
        "$description": "Pink accent for gradients and highlights"
      },
      "light": {
        "$value": "#F472B6",
        "$type": "color",
        "$description": "Light pink for gradient transitions"
      }
    },
    "navy": {
      "900": {
        "$value": "#0F172A",
        "$type": "color",
        "$description": "Darkest navy for dark theme backgrounds"
      },
      "800": {
        "$value": "#1E293B",
        "$type": "color",
        "$description": "Dark navy for surfaces and code blocks"
      },
      "700": {
        "$value": "#334155",
        "$type": "color",
        "$description": "Medium navy for borders on dark backgrounds"
      }
    },
    "slate": {
      "900": {
        "$value": "#1E293B",
        "$type": "color",
        "$description": "Primary text color"
      },
      "600": {
        "$value": "#475569",
        "$type": "color",
        "$description": "Secondary text color"
      },
      "500": {
        "$value": "#64748B",
        "$type": "color",
        "$description": "Muted text color"
      },
      "400": {
        "$value": "#94A3B8",
        "$type": "color",
        "$description": "Disabled and placeholder text"
      },
      "300": {
        "$value": "#CBD5E1",
        "$type": "color",
        "$description": "Border color"
      },
      "100": {
        "$value": "#F1F5F9",
        "$type": "color",
        "$description": "Light surface color"
      },
      "50": {
        "$value": "#F8FAFC",
        "$type": "color",
        "$description": "Lightest background"
      }
    },
    "special": {
      "lavender-tint": {
        "$value": "#FBF7FF",
        "$type": "color",
        "$description": "Light lavender tint for hero backgrounds"
      },
      "blue-tint": {
        "$value": "#E0F2FE",
        "$type": "color",
        "$description": "Light blue tint for gradient backgrounds"
      },
      "coral": {
        "$value": "#FFA07A",
        "$type": "color",
        "$description": "Coral illustration accent"
      },
      "cyan": {
        "$value": "#67E8F9",
        "$type": "color",
        "$description": "Cyan illustration accent"
      },
      "yellow": {
        "$value": "#FDE047",
        "$type": "color",
        "$description": "Yellow illustration accent"
      },
      "green-code": {
        "$value": "#34D399",
        "$type": "color",
        "$description": "Green for code syntax highlighting"
      }
    },
    "white": {
      "$value": "#FFFFFF",
      "$type": "color",
      "$description": "Pure white"
    }
  },
  "font": {
    "family": {
      "heading": {
        "$value": "ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif",
        "$type": "fontFamily",
        "$description": "Serif font for headings and hero text"
      },
      "body": {
        "$value": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
        "$type": "fontFamily",
        "$description": "Sans-serif font for body text"
      },
      "code": {
        "$value": "'JetBrains Mono', 'Fira Code', Menlo, Monaco, Consolas, monospace",
        "$type": "fontFamily",
        "$description": "Monospace font for code"
      }
    },
    "size": {
      "display-xl": {
        "$value": "72px",
        "$type": "fontSize",
        "$description": "Extra large display text for hero headlines"
      },
      "display-lg": {
        "$value": "56px",
        "$type": "fontSize",
        "$description": "Large display text for page headlines"
      },
      "heading-1": {
        "$value": "48px",
        "$type": "fontSize",
        "$description": "H1 section headings"
      },
      "heading-2": {
        "$value": "36px",
        "$type": "fontSize",
        "$description": "H2 subsection headings"
      },
      "heading-3": {
        "$value": "24px",
        "$type": "fontSize",
        "$description": "H3 card headings"
      },
      "body-lg": {
        "$value": "18px",
        "$type": "fontSize",
        "$description": "Large body text"
      },
      "body": {
        "$value": "16px",
        "$type": "fontSize",
        "$description": "Default body text"
      },
      "body-sm": {
        "$value": "14px",
        "$type": "fontSize",
        "$description": "Small text and captions"
      },
      "label": {
        "$value": "12px",
        "$type": "fontSize",
        "$description": "Labels and uppercase text"
      },
      "code": {
        "$value": "14px",
        "$type": "fontSize",
        "$description": "Code snippets"
      }
    },
    "weight": {
      "normal": {
        "$value": "400",
        "$type": "fontWeight",
        "$description": "Normal weight for body text"
      },
      "medium": {
        "$value": "500",
        "$type": "fontWeight",
        "$description": "Medium weight for buttons and navigation"
      },
      "semibold": {
        "$value": "600",
        "$type": "fontWeight",
        "$description": "Semibold for emphasis"
      },
      "bold": {
        "$value": "700",
        "$type": "fontWeight",
        "$description": "Bold for strong emphasis"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": "1.1",
        "$type": "lineHeight",
        "$description": "Tight line height for display text"
      },
      "snug": {
        "$value": "1.2",
        "$type": "lineHeight",
        "$description": "Snug line height for headings"
      },
      "normal": {
        "$value": "1.5",
        "$type": "lineHeight",
        "$description": "Normal line height"
      },
      "relaxed": {
        "$value": "1.6",
        "$type": "lineHeight",
        "$description": "Relaxed line height for body text"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": "4px",
      "$type": "spacing",
      "$description": "Tight spacing"
    },
    "2": {
      "$value": "8px",
      "$type": "spacing",
      "$description": "Extra small spacing"
    },
    "3": {
      "$value": "12px",
      "$type": "spacing",
      "$description": "Small spacing"
    },
    "4": {
      "$value": "16px",
      "$type": "spacing",
      "$description": "Default spacing"
    },
    "5": {
      "$value": "20px",
      "$type": "spacing",
      "$description": "Medium-small spacing"
    },
    "6": {
      "$value": "24px",
      "$type": "spacing",
      "$description": "Medium spacing"
    },
    "8": {
      "$value": "32px",
      "$type": "spacing",
      "$description": "Large spacing"
    },
    "12": {
      "$value": "48px",
      "$type": "spacing",
      "$description": "Extra large spacing"
    },
    "16": {
      "$value": "64px",
      "$type": "spacing",
      "$description": "2XL spacing"
    },
    "24": {
      "$value": "96px",
      "$type": "spacing",
      "$description": "3XL spacing"
    },
    "32": {
      "$value": "128px",
      "$type": "spacing",
      "$description": "4XL spacing for major sections"
    }
  },
  "radius": {
    "sm": {
      "$value": "4px",
      "$type": "borderRadius",
      "$description": "Small border radius"
    },
    "md": {
      "$value": "8px",
      "$type": "borderRadius",
      "$description": "Medium border radius"
    },
    "lg": {
      "$value": "12px",
      "$type": "borderRadius",
      "$description": "Large border radius for cards"
    },
    "xl": {
      "$value": "16px",
      "$type": "borderRadius",
      "$description": "Extra large border radius"
    },
    "pill": {
      "$value": "9999px",
      "$type": "borderRadius",
      "$description": "Pill shape for buttons and navigation"
    },
    "circle": {
      "$value": "50%",
      "$type": "borderRadius",
      "$description": "Circle for avatars"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Small shadow"
    },
    "md": {
      "$value": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
      "$type": "shadow",
      "$description": "Medium shadow for navigation and cards"
    },
    "lg": {
      "$value": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Large shadow"
    },
    "xl": {
      "$value": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
      "$type": "shadow",
      "$description": "Extra large shadow"
    }
  }
}