Edit Framer tokens

{
  "color": {
    "background": {
      "primary": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Main page background - pure black"
      },
      "secondary": {
        "$value": "#0f0f0f",
        "$type": "color",
        "$description": "Card backgrounds and elevated surfaces"
      },
      "tertiary": {
        "$value": "#1a1a1a",
        "$type": "color",
        "$description": "Hover states and subtle elevation"
      },
      "modal": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "Cookie banner and modal backgrounds"
      },
      "blue-tint": {
        "$value": "#0a1929",
        "$type": "color",
        "$description": "Pricing card accent background with blue tint"
      }
    },
    "text": {
      "primary": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "Headings and primary text on dark backgrounds"
      },
      "secondary": {
        "$value": "#999999",
        "$type": "color",
        "$description": "Body text, descriptions, muted content"
      },
      "tertiary": {
        "$value": "#666666",
        "$type": "color",
        "$description": "Placeholder text and disabled states"
      },
      "inverse": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Text on light backgrounds"
      }
    },
    "accent": {
      "blue": {
        "$value": "#0099ff",
        "$type": "color",
        "$description": "Primary CTA buttons, links, and accent elements"
      },
      "blue-hover": {
        "$value": "#0080e6",
        "$type": "color",
        "$description": "Hover state for blue accent"
      }
    },
    "border": {
      "subtle": {
        "$value": "#222222",
        "$type": "color",
        "$description": "Card borders and subtle dividers"
      },
      "medium": {
        "$value": "#333333",
        "$type": "color",
        "$description": "Input borders and modal borders"
      }
    },
    "button": {
      "primary": {
        "background": {
          "$value": "#ffffff",
          "$type": "color",
          "$description": "Primary button background"
        },
        "text": {
          "$value": "#000000",
          "$type": "color",
          "$description": "Primary button text"
        }
      },
      "secondary": {
        "background": {
          "$value": "#1a1a1a",
          "$type": "color",
          "$description": "Secondary button background"
        },
        "text": {
          "$value": "#ffffff",
          "$type": "color",
          "$description": "Secondary button text"
        }
      }
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
        "$type": "fontFamily",
        "$description": "Primary sans-serif font stack"
      }
    },
    "size": {
      "display-xl": {
        "$value": "120px",
        "$type": "dimension",
        "$description": "Hero headlines - largest text size"
      },
      "display-lg": {
        "$value": "96px",
        "$type": "dimension",
        "$description": "Major page titles"
      },
      "display-md": {
        "$value": "72px",
        "$type": "dimension",
        "$description": "Section headlines"
      },
      "heading-xl": {
        "$value": "56px",
        "$type": "dimension",
        "$description": "Large headings"
      },
      "heading-lg": {
        "$value": "48px",
        "$type": "dimension",
        "$description": "Page headings"
      },
      "heading-md": {
        "$value": "36px",
        "$type": "dimension",
        "$description": "Section titles"
      },
      "heading-sm": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "Card titles"
      },
      "body-lg": {
        "$value": "20px",
        "$type": "dimension",
        "$description": "Hero subtext and large body copy"
      },
      "body-md": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Standard body text"
      },
      "body-sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small text and captions"
      },
      "label": {
        "$value": "12px",
        "$type": "dimension",
        "$description": "Labels, tags, and metadata"
      }
    },
    "weight": {
      "regular": {
        "$value": "400",
        "$type": "fontWeight",
        "$description": "Regular weight for body text"
      },
      "medium": {
        "$value": "500",
        "$type": "fontWeight",
        "$description": "Medium weight for buttons and emphasis"
      },
      "semibold": {
        "$value": "600",
        "$type": "fontWeight",
        "$description": "Semibold for headings"
      },
      "bold": {
        "$value": "700",
        "$type": "fontWeight",
        "$description": "Bold for display text"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": "1.1",
        "$type": "number",
        "$description": "Tight line height for large display text"
      },
      "snug": {
        "$value": "1.2",
        "$type": "number",
        "$description": "Snug line height for headings"
      },
      "normal": {
        "$value": "1.5",
        "$type": "number",
        "$description": "Normal line height for UI text"
      },
      "relaxed": {
        "$value": "1.6",
        "$type": "number",
        "$description": "Relaxed line height for body copy"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Tight spacing"
    },
    "2": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Icon gaps and small padding"
    },
    "3": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Compact padding"
    },
    "4": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Default gap between elements"
    },
    "5": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Medium spacing"
    },
    "6": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Card padding and section gaps"
    },
    "8": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Large padding"
    },
    "10": {
      "$value": "40px",
      "$type": "dimension",
      "$description": "Extra large padding"
    },
    "12": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Section spacing"
    },
    "16": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "Major section gaps"
    },
    "20": {
      "$value": "80px",
      "$type": "dimension",
      "$description": "Hero section padding"
    },
    "24": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "XL section spacing"
    },
    "30": {
      "$value": "120px",
      "$type": "dimension",
      "$description": "XXL section spacing"
    }
  },
  "radius": {
    "sm": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "Small elements"
    },
    "md": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Buttons and inputs"
    },
    "lg": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Cards and modals"
    },
    "xl": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Large cards"
    },
    "2xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Pill buttons and search bars"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Circular elements and pills"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.5)",
      "$type": "shadow",
      "$description": "Subtle elevation"
    },
    "md": {
      "$value": "0 4px 12px rgba(0, 0, 0, 0.6)",
      "$type": "shadow",
      "$description": "Cards and dropdowns"
    },
    "lg": {
      "$value": "0 8px 24px rgba(0, 0, 0, 0.7)",
      "$type": "shadow",
      "$description": "Modals and popovers"
    },
    "xl": {
      "$value": "0 16px 48px rgba(0, 0, 0, 0.8)",
      "$type": "shadow",
      "$description": "Large modals"
    }
  },
  "border": {
    "width": {
      "1": {
        "$value": "1px",
        "$type": "dimension",
        "$description": "Standard border width"
      },
      "2": {
        "$value": "2px",
        "$type": "dimension",
        "$description": "Emphasized border width"
      }
    }
  }
}