{
  "$themes": [
    {
      "id": "light",
      "name": "Light",
      "selectedTokenSets": {
        "global": "enabled",
        "role-light": "enabled",
        "brand": "enabled"
      }
    },
    {
      "id": "dark",
      "name": "Dark",
      "selectedTokenSets": {
        "global": "enabled",
        "role-dark": "enabled",
        "brand": "enabled"
      }
    }
  ],
  "global": {
    "color": {
      "telegram-blue": {
        "value": "#0088CC",
        "type": "color",
        "description": "Signature Telegram sky-blue — the brand's primary color, used on the paper-plane mark, primary CTAs, links across the marketing site, and the outgoing-message bubble.\n"
      },
      "telegram-blue-dark": {
        "value": "#006699",
        "type": "color",
        "description": "Pressed / active variant of Telegram Blue — used on the hover and pressed states of primary buttons.\n"
      },
      "telegram-blue-100": {
        "value": "#E5F1FA",
        "type": "color",
        "description": "Pale tint — used as a hover wash and link-highlight surface."
      },
      "telegram-blue-300": {
        "value": "#3CA1EB",
        "type": "color",
        "description": "Mid-light blue — used in illustration and link-hover states."
      },
      "telegram-blue-400": {
        "value": "#30AAFD",
        "type": "color",
        "description": "Bright blue accent — the brightest blue used on the marketing surface."
      },
      "telegram-blue-500": {
        "value": "#2481CC",
        "type": "color",
        "description": "Telegram's \"Apple-app store\" blue tone — used in promotional iconography."
      },
      "telegram-blue-600": {
        "value": "#1C93E3",
        "type": "color",
        "description": "Deeper marketing accent blue."
      },
      "telegram-blue-700": {
        "value": "#1A8AD5",
        "type": "color",
        "description": "Header accent blue — used on the marketing-site nav highlight."
      },
      "telegram-blue-800": {
        "value": "#1482D1",
        "type": "color",
        "description": "Deep accent — used on the marketing-site button-hover."
      },
      "telegram-white": {
        "value": "#FFFFFF",
        "type": "color",
        "description": "Pure white — primary surface on the marketing site and light-mode chat canvas."
      },
      "telegram-surface-light": {
        "value": "#F7F7F7",
        "type": "color",
        "description": "Light-mode elevated surface — the chat-list rail on the iOS client."
      },
      "telegram-border-light": {
        "value": "#E6E6E6",
        "type": "color",
        "description": "Quiet divider on the marketing-site surface."
      },
      "telegram-text-on-light": {
        "value": "#333333",
        "type": "color",
        "description": "Primary text on the marketing-site and light-mode chat canvas."
      },
      "telegram-text-secondary-light": {
        "value": "#7D7F81",
        "type": "color",
        "description": "Secondary text on light-mode surfaces."
      },
      "telegram-canvas-dark": {
        "value": "#212429",
        "type": "color",
        "description": "Deep slate — Telegram's dark-mode chat canvas tone (the \"Night\" theme baseline), captured from the deployed telegram.org dark-mode stylesheet.\n"
      },
      "telegram-surface-dark": {
        "value": "#262A2E",
        "type": "color",
        "description": "Dark-mode elevated surface — chat-list rail and top bar."
      },
      "telegram-surface-dark-elevated": {
        "value": "#33373D",
        "type": "color",
        "description": "Dark-mode deepest-elevated surface."
      },
      "telegram-text-on-dark": {
        "value": "#FFFFFF",
        "type": "color",
        "description": "Primary text on the dark-mode canvas."
      },
      "telegram-text-secondary-dark": {
        "value": "#84888C",
        "type": "color",
        "description": "Secondary text and timestamps on the dark canvas."
      },
      "telegram-surface-dark-deep": {
        "value": "#1E1E1E",
        "type": "color",
        "description": "Deepest dark surface — used as the chat-input background."
      }
    },
    "fontFamily": {
      "heading": {
        "value": "Roboto",
        "type": "fontFamilies",
        "description": "roboto@1.0.0 · sans-serif"
      },
      "body": {
        "value": "Roboto",
        "type": "fontFamilies",
        "description": "roboto@1.0.0 · sans-serif"
      },
      "mono": {
        "value": "JetBrainsMono Nerd Font",
        "type": "fontFamilies",
        "description": "jetbrainsmono-nerdfont@1.0.0 · monospace"
      }
    },
    "fontStack": {
      "heading": {
        "value": [
          "Roboto",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "type": "fontFamilies"
      },
      "body": {
        "value": [
          "Roboto",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "type": "fontFamilies"
      },
      "mono": {
        "value": [
          "JetBrainsMono Nerd Font",
          "JetBrains Mono",
          "Fira Code",
          "Menlo",
          "Monaco",
          "Consolas",
          "Liberation Mono",
          "monospace"
        ],
        "type": "fontFamilies"
      }
    }
  },
  "role-light": {
    "color": {
      "background": {
        "value": "{global.color.telegram-white}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.telegram-surface-light}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.telegram-white}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.telegram-text-on-light}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.telegram-text-secondary-light}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.telegram-text-secondary-light}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.telegram-blue}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.telegram-blue-800}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.telegram-blue}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.telegram-blue-700}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.telegram-blue-400}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.telegram-blue-700}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.telegram-blue-dark}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.telegram-blue}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.telegram-border-light}",
        "type": "color"
      }
    }
  },
  "role-dark": {
    "color": {
      "background": {
        "value": "{global.color.telegram-canvas-dark}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.telegram-surface-dark}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.telegram-surface-dark-elevated}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.telegram-text-on-dark}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.telegram-text-secondary-dark}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.telegram-text-secondary-dark}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.telegram-blue-300}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.telegram-blue-400}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.telegram-blue-300}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.telegram-blue-400}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.telegram-blue-400}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.telegram-blue-700}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.telegram-blue-dark}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.telegram-blue-300}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.telegram-surface-dark-elevated}",
        "type": "color"
      }
    }
  },
  "brand": {
    "color": {
      "identity": {
        "value": "{global.color.telegram-blue}",
        "type": "color"
      },
      "on-identity": {
        "value": "{global.color.telegram-white}",
        "type": "color"
      },
      "background": {
        "value": "{global.color.telegram-white}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.telegram-surface-light}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.telegram-white}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.telegram-text-on-light}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.telegram-text-secondary-light}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.telegram-blue}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.telegram-blue-800}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.telegram-blue}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.telegram-blue-700}",
        "type": "color"
      },
      "mark": {
        "value": "{global.color.telegram-blue}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.telegram-blue}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.telegram-blue-400}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.telegram-blue-dark}",
        "type": "color"
      }
    }
  },
  "$metadata": {
    "name": "Telegram",
    "ref": "telegram@1.0.0",
    "paletteRef": "telegram@1.0.0",
    "generatedBy": "brand-atoms converter"
  }
}