Edit Affirm tokens

{
  "color": {
    "primary": {
      "$value": "#4E54F2",
      "$type": "color",
      "$description": "Primary brand color used for buttons, links, and logo"
    },
    "secondary": {
      "$value": "#FFBB00",
      "$type": "color",
      "$description": "Secondary accent color for stat cards and highlights"
    },
    "dark-navy": {
      "$value": "#1B2333",
      "$type": "color",
      "$description": "Dark mode primary background"
    },
    "dark-navy-alt": {
      "$value": "#252D42",
      "$type": "color",
      "$description": "Dark mode secondary surface"
    },
    "black": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Headings and body text in light mode"
    },
    "white": {
      "$value": "#FFFFFF",
      "$type": "color",
      "$description": "Text on dark backgrounds, button fills"
    },
    "gray": {
      "50": {
        "$value": "#F7F7F7",
        "$type": "color",
        "$description": "Lightest background"
      },
      "100": {
        "$value": "#F0F0F0",
        "$type": "color",
        "$description": "Light background alternative"
      },
      "200": {
        "$value": "#E5E5E5",
        "$type": "color",
        "$description": "Borders and dividers"
      },
      "600": {
        "$value": "#4A4A4A",
        "$type": "color",
        "$description": "Secondary text"
      },
      "700": {
        "$value": "#2D2D2D",
        "$type": "color",
        "$description": "Body text in light mode"
      }
    },
    "blue-accent": {
      "$value": "#3B8FCC",
      "$type": "color",
      "$description": "Illustration and decorative accents"
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "\"Favorit\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif",
        "$type": "fontFamily",
        "$description": "Primary font stack for all text"
      },
      "mono": {
        "$value": "\"SF Mono\", Consolas, monospace",
        "$type": "fontFamily",
        "$description": "Monospace font for code"
      }
    },
    "size": {
      "hero": {
        "$value": "72px",
        "$type": "dimension",
        "$description": "Main hero headings"
      },
      "h1": {
        "$value": "56px",
        "$type": "dimension",
        "$description": "Page-level headings"
      },
      "h2": {
        "$value": "40px",
        "$type": "dimension",
        "$description": "Section headings"
      },
      "h3": {
        "$value": "32px",
        "$type": "dimension",
        "$description": "Sub-section headings"
      },
      "display": {
        "$value": "64px",
        "$type": "dimension",
        "$description": "Large stat numbers"
      },
      "body-lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Hero and prominent body text"
      },
      "body": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Default body text"
      },
      "body-sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small text and labels"
      },
      "nav": {
        "$value": "15px",
        "$type": "dimension",
        "$description": "Navigation link text"
      },
      "button": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Button labels"
      }
    },
    "weight": {
      "light": {
        "$value": "300",
        "$type": "number",
        "$description": "Light weight for hero headings"
      },
      "normal": {
        "$value": "400",
        "$type": "number",
        "$description": "Normal body text weight"
      },
      "medium": {
        "$value": "500",
        "$type": "number",
        "$description": "Medium weight for nav and emphasis"
      },
      "semibold": {
        "$value": "600",
        "$type": "number",
        "$description": "Semi-bold for buttons"
      },
      "bold": {
        "$value": "700",
        "$type": "number",
        "$description": "Bold for stat numbers"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": "1.1",
        "$type": "number",
        "$description": "Tight line height for hero text"
      },
      "heading": {
        "$value": "1.2",
        "$type": "number",
        "$description": "Heading line height"
      },
      "normal": {
        "$value": "1.5",
        "$type": "number",
        "$description": "Normal body text line height"
      },
      "relaxed": {
        "$value": "1.6",
        "$type": "number",
        "$description": "Relaxed line height for long-form content"
      }
    }
  },
  "spacing": {
    "xs": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Extra small spacing"
    },
    "sm": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Small spacing"
    },
    "md": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Medium spacing"
    },
    "lg": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Large spacing"
    },
    "xl": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Extra large spacing"
    },
    "2xl": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "2X large spacing"
    },
    "3xl": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "3X large spacing"
    },
    "4xl": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "4X large spacing for section padding"
    },
    "5xl": {
      "$value": "128px",
      "$type": "dimension",
      "$description": "5X large spacing for hero sections"
    }
  },
  "radius": {
    "sm": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Small border radius"
    },
    "md": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Medium border radius for cards"
    },
    "lg": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Large border radius"
    },
    "xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Extra large border radius for buttons"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Full border radius for pills and circles"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 3px rgba(0, 0, 0, 0.08)",
      "$type": "shadow",
      "$description": "Small subtle shadow"
    },
    "md": {
      "$value": "0 4px 12px rgba(0, 0, 0, 0.1)",
      "$type": "shadow",
      "$description": "Medium shadow for cards"
    },
    "lg": {
      "$value": "0 8px 24px rgba(0, 0, 0, 0.12)",
      "$type": "shadow",
      "$description": "Large shadow for elevated elements"
    },
    "stat-card": {
      "$value": "0 2px 8px rgba(0, 0, 0, 0.06)",
      "$type": "shadow",
      "$description": "Subtle shadow for stat cards"
    }
  }
}