Edit Todoist tokens

{
  "color": {
    "primary": {
      "$value": "#E44332",
      "$type": "color",
      "$description": "Primary brand color for CTAs, links, and accents"
    },
    "primary-hover": {
      "$value": "#D23D2C",
      "$type": "color",
      "$description": "Hover state for primary color"
    },
    "primary-light": {
      "$value": "#FFF5F0",
      "$type": "color",
      "$description": "Light tint for backgrounds and banners"
    },
    "text": {
      "primary": {
        "$value": "#202020",
        "$type": "color",
        "$description": "Primary text color for headings and emphasis"
      },
      "secondary": {
        "$value": "#666666",
        "$type": "color",
        "$description": "Secondary text for body copy"
      },
      "tertiary": {
        "$value": "#999999",
        "$type": "color",
        "$description": "Tertiary text for metadata and placeholders"
      }
    },
    "background": {
      "primary": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Main background color"
      },
      "secondary": {
        "$value": "#FAFAFA",
        "$type": "color",
        "$description": "Subtle background for sections and cards"
      },
      "tertiary": {
        "$value": "#F5F5F5",
        "$type": "color",
        "$description": "Input backgrounds and disabled states"
      }
    },
    "border": {
      "default": {
        "$value": "#E8E8E8",
        "$type": "color",
        "$description": "Default border color"
      },
      "light": {
        "$value": "#F0F0F0",
        "$type": "color",
        "$description": "Subtle separators"
      }
    },
    "success": {
      "$value": "#7BA378",
      "$type": "color",
      "$description": "Success states and positive actions"
    },
    "warning": {
      "$value": "#F9D262",
      "$type": "color",
      "$description": "Warnings and highlights"
    },
    "coral": {
      "$value": "#E57373",
      "$type": "color",
      "$description": "Illustration accent color"
    },
    "teal": {
      "$value": "#5B9AA6",
      "$type": "color",
      "$description": "Illustration accent color"
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        "$type": "fontFamily",
        "$description": "Primary sans-serif font stack"
      }
    },
    "size": {
      "display": {
        "$value": "72px",
        "$type": "dimension",
        "$description": "Hero headings"
      },
      "h1": {
        "$value": "48px",
        "$type": "dimension",
        "$description": "Page titles"
      },
      "h2": {
        "$value": "36px",
        "$type": "dimension",
        "$description": "Section headings"
      },
      "h3": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "Subsection titles"
      },
      "h4": {
        "$value": "20px",
        "$type": "dimension",
        "$description": "Card titles"
      },
      "body-lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Lead paragraphs"
      },
      "body": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Default body text"
      },
      "body-sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Secondary text"
      },
      "caption": {
        "$value": "12px",
        "$type": "dimension",
        "$description": "Meta info and labels"
      }
    },
    "weight": {
      "normal": {
        "$value": "400",
        "$type": "fontWeight",
        "$description": "Regular weight"
      },
      "medium": {
        "$value": "500",
        "$type": "fontWeight",
        "$description": "Medium weight"
      },
      "semibold": {
        "$value": "600",
        "$type": "fontWeight",
        "$description": "Semibold weight"
      },
      "bold": {
        "$value": "700",
        "$type": "fontWeight",
        "$description": "Bold weight for headings"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": "1.1",
        "$type": "number",
        "$description": "Tight line height for display text"
      },
      "snug": {
        "$value": "1.2",
        "$type": "number",
        "$description": "Snug line height for headings"
      },
      "medium": {
        "$value": "1.3",
        "$type": "number",
        "$description": "Medium line height"
      },
      "normal": {
        "$value": "1.5",
        "$type": "number",
        "$description": "Normal line height"
      },
      "relaxed": {
        "$value": "1.6",
        "$type": "number",
        "$description": "Relaxed line height for body text"
      }
    }
  },
  "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 (base unit)"
    },
    "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"
    },
    "5xl": {
      "$value": "128px",
      "$type": "dimension",
      "$description": "5X large spacing"
    }
  },
  "radius": {
    "sm": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Small border radius"
    },
    "md": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Medium border radius (default)"
    },
    "lg": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Large border radius"
    },
    "xl": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Extra large border radius"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Full border radius for circles"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Small shadow for subtle elevation"
    },
    "md": {
      "$value": "0 4px 6px rgba(0, 0, 0, 0.07)",
      "$type": "shadow",
      "$description": "Medium shadow for cards"
    },
    "lg": {
      "$value": "0 10px 15px rgba(0, 0, 0, 0.1)",
      "$type": "shadow",
      "$description": "Large shadow for modals"
    },
    "xl": {
      "$value": "0 20px 25px rgba(0, 0, 0, 0.1)",
      "$type": "shadow",
      "$description": "Extra large shadow"
    },
    "button": {
      "$value": "0 2px 4px rgba(228, 67, 50, 0.2)",
      "$type": "shadow",
      "$description": "Button shadow with brand color tint"
    },
    "button-hover": {
      "$value": "0 4px 12px rgba(228, 67, 50, 0.3)",
      "$type": "shadow",
      "$description": "Button hover shadow"
    }
  },
  "border": {
    "width": {
      "sm": {
        "$value": "1px",
        "$type": "dimension",
        "$description": "Small border width (default)"
      },
      "md": {
        "$value": "2px",
        "$type": "dimension",
        "$description": "Medium border width"
      },
      "lg": {
        "$value": "3px",
        "$type": "dimension",
        "$description": "Large border width"
      }
    }
  }
}