Edit Telegram tokens

{
  "color": {
    "primary": {
      "$value": "#0088CC",
      "$type": "color",
      "$description": "Primary brand blue, used for links, CTAs, and active states"
    },
    "primary-hover": {
      "$value": "#0077B3",
      "$type": "color",
      "$description": "Hover state for primary interactive elements"
    },
    "primary-light": {
      "$value": "#2AABEE",
      "$type": "color",
      "$description": "Lighter brand accent, used in logo background"
    },
    "text": {
      "primary": {
        "$value": "#222222",
        "$type": "color",
        "$description": "Primary text color for headings and body"
      },
      "secondary": {
        "$value": "#707579",
        "$type": "color",
        "$description": "Secondary text for descriptions and metadata"
      },
      "tertiary": {
        "$value": "#999999",
        "$type": "color",
        "$description": "Tertiary text for placeholders and disabled states"
      }
    },
    "background": {
      "$value": "#FFFFFF",
      "$type": "color",
      "$description": "Primary page background"
    },
    "surface": {
      "$value": "#F7F8FA",
      "$type": "color",
      "$description": "Card and elevated surface backgrounds"
    },
    "border": {
      "default": {
        "$value": "#DADCE0",
        "$type": "color",
        "$description": "Default border and divider color"
      },
      "light": {
        "$value": "#EEEEEE",
        "$type": "color",
        "$description": "Subtle borders and dividers"
      }
    },
    "success": {
      "$value": "#4CAF50",
      "$type": "color",
      "$description": "Success states and confirmations"
    },
    "warning": {
      "$value": "#FF9800",
      "$type": "color",
      "$description": "Warning states"
    },
    "error": {
      "$value": "#F44336",
      "$type": "color",
      "$description": "Error states and destructive actions"
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        "$type": "fontFamily",
        "$description": "Primary sans-serif font stack"
      },
      "mono": {
        "$value": "\"SF Mono\", Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
        "$type": "fontFamily",
        "$description": "Monospace font stack for code"
      }
    },
    "size": {
      "display": {
        "$value": "40px",
        "$type": "dimension",
        "$description": "Display heading size for hero sections"
      },
      "h1": {
        "$value": "32px",
        "$type": "dimension",
        "$description": "H1 heading size"
      },
      "h2": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "H2 heading size"
      },
      "h3": {
        "$value": "20px",
        "$type": "dimension",
        "$description": "H3 heading size"
      },
      "body-lg": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Large body text"
      },
      "body": {
        "$value": "15px",
        "$type": "dimension",
        "$description": "Default body text size"
      },
      "body-sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small body text"
      },
      "caption": {
        "$value": "13px",
        "$type": "dimension",
        "$description": "Caption and metadata text"
      },
      "overline": {
        "$value": "12px",
        "$type": "dimension",
        "$description": "Overline labels and tags"
      }
    },
    "weight": {
      "normal": {
        "$value": 400,
        "$type": "number",
        "$description": "Normal font weight"
      },
      "medium": {
        "$value": 500,
        "$type": "number",
        "$description": "Medium font weight"
      },
      "semibold": {
        "$value": 600,
        "$type": "number",
        "$description": "Semibold font weight for headings"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": 1.2,
        "$type": "number",
        "$description": "Tight line height for large headings"
      },
      "snug": {
        "$value": 1.3,
        "$type": "number",
        "$description": "Snug line height for headings"
      },
      "normal": {
        "$value": 1.4,
        "$type": "number",
        "$description": "Normal line height"
      },
      "relaxed": {
        "$value": 1.5,
        "$type": "number",
        "$description": "Relaxed line height for body text"
      },
      "loose": {
        "$value": 1.6,
        "$type": "number",
        "$description": "Loose line height for large body text"
      }
    }
  },
  "spacing": {
    "xs": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Extra small spacing for tight layouts"
    },
    "sm": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Small spacing for icon-text gaps"
    },
    "md": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Medium spacing, default component padding"
    },
    "lg": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Large spacing for sections and card padding"
    },
    "xl": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Extra large spacing for card gaps"
    },
    "2xl": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "2XL spacing for section margins"
    },
    "3xl": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "3XL spacing for hero sections"
    },
    "4xl": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "4XL spacing for large page sections"
    }
  },
  "radius": {
    "sm": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Small border radius for buttons"
    },
    "md": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Medium border radius for cards"
    },
    "lg": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Large border radius for prominent cards"
    },
    "xl": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Extra large border radius"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Full border radius for circular elements"
    }
  },
  "shadow": {
    "xs": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Extra subtle shadow for minimal elevation"
    },
    "sm": {
      "$value": "0 2px 4px rgba(0, 0, 0, 0.08)",
      "$type": "shadow",
      "$description": "Small shadow for buttons and small cards"
    },
    "md": {
      "$value": "0 4px 12px rgba(0, 0, 0, 0.1)",
      "$type": "shadow",
      "$description": "Medium shadow for cards and dropdowns"
    },
    "lg": {
      "$value": "0 8px 24px rgba(0, 0, 0, 0.12)",
      "$type": "shadow",
      "$description": "Large shadow for modals and popovers"
    },
    "xl": {
      "$value": "0 16px 48px rgba(0, 0, 0, 0.15)",
      "$type": "shadow",
      "$description": "Extra large shadow for prominent surfaces"
    }
  }
}