{
  "$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": {
      "xbox-green": {
        "value": "#107C10",
        "type": "color",
        "description": "The iconic Xbox Green — --brandColorPrimary, --green, --success, --primary, and --xboxProgressA. The single most identifiable element of the Xbox brand.\n"
      },
      "xbox-green-hover": {
        "value": "#007738",
        "type": "color",
        "description": "Pressed / hover variant — --brandColorPrimaryHover, --colorBrandBackgroundHover, --colorNeutralBackground1Hover.\n"
      },
      "xbox-green-alt": {
        "value": "#044E2A",
        "type": "color",
        "description": "Darker brand variant — --brandColorPrimaryAlt. Used for borders and quiet panel accents in the brand-green family.\n"
      },
      "xbox-progress-b": {
        "value": "#65C914",
        "type": "color",
        "description": "Bright achievement / progress green — --xboxProgressB. Mid-stop of the progress-bar gradient.\n"
      },
      "xbox-progress-c": {
        "value": "#44B01C",
        "type": "color",
        "description": "Mid achievement / progress green — --xboxProgressC.\n"
      },
      "gradient-start": {
        "value": "#0A4F0A",
        "type": "color",
        "description": "Hero gradient start — --entryGradientStart. Deepest stop of the documented Xbox-green hero gradient.\n"
      },
      "gradient-mid": {
        "value": "#107C10",
        "type": "color",
        "description": "Hero gradient mid — --entryGradientMid (same value as brand primary).\n"
      },
      "gradient-end": {
        "value": "#054B16",
        "type": "color",
        "description": "Hero gradient end — --entryGradientEnd.\n"
      },
      "lime-stripe": {
        "value": "#9BF00B",
        "type": "color",
        "description": "Bright lime accent — observed on the Xbox Game Pass promotional CTAs and the \"AVAILABLE WITH GAME PASS\" affordances. Inverts to a #054B16 (gradient-end) text fill on the live stripe.\n"
      },
      "ink-hero": {
        "value": "#171717",
        "type": "color",
        "description": "Primary dark hero background — --pd-hero-bg. Used for the product-detail-page hero modules.\n"
      },
      "ink-header": {
        "value": "#201F24",
        "type": "color",
        "description": "Header chrome dark — observed as the navigation bar computed backgroundColor (rgb(32, 31, 36)).\n"
      },
      "ink-card": {
        "value": "#333333",
        "type": "color",
        "description": "Elevated dark card surface — observed on product card backgrounds inside hero modules.\n"
      },
      "graphite-text": {
        "value": "#242424",
        "type": "color",
        "description": "Primary body text — --text-color (#242424). Used on the light marketing surfaces.\n"
      },
      "graphite-dark": {
        "value": "#2F2F2F",
        "type": "color",
        "description": "Deep neutral — --gray-dark.\n"
      },
      "graphite": {
        "value": "#505050",
        "type": "color",
        "description": "Mid neutral — --gray.\n"
      },
      "paper": {
        "value": "#FFFFFF",
        "type": "color",
        "description": "Primary light canvas — --white.\n"
      },
      "paper-surface": {
        "value": "#F5F5F5",
        "type": "color",
        "description": "Light elevated surface — --background-color and --color- neutral-background3.\n"
      },
      "paper-divider": {
        "value": "#D2D2D2",
        "type": "color",
        "description": "Quiet divider — --info (#D2D2D2). Used for borders and divider lines on light chrome.\n"
      },
      "status-warning": {
        "value": "#FFB900",
        "type": "color",
        "description": "Warning amber — --warning, --yellow.\n"
      },
      "status-danger": {
        "value": "#DC3545",
        "type": "color",
        "description": "Danger red — --danger, --red.\n"
      },
      "status-info-blue": {
        "value": "#0067B8",
        "type": "color",
        "description": "Microsoft information blue — --blue. Inherited from the Microsoft UHF layer; appears in inline links inside the Xbox chrome.\n"
      },
      "status-teal": {
        "value": "#008575",
        "type": "color",
        "description": "Microsoft teal — --teal. UHF status accent.\n"
      },
      "gamepass-pink": {
        "value": "#FF0088",
        "type": "color",
        "description": "Game Pass promotional CTA fill — observed on the live \"JOIN GAME PASS\" button. Not a brand primary; reserved for promotional subscription affordances.\n"
      },
      "hero-alert": {
        "value": "#FFD800",
        "type": "color",
        "description": "Hero-banner alert background — --pd-hero-alert-bg. Reserved for time-sensitive launch banners.\n"
      }
    },
    "fontFamily": {
      "heading": {
        "value": "Segoe UI",
        "type": "fontFamilies",
        "description": "segoe-ui@1.0.0 · sans-serif"
      },
      "body": {
        "value": "Segoe UI",
        "type": "fontFamilies",
        "description": "segoe-ui@1.0.0 · sans-serif"
      },
      "mono": {
        "value": "JetBrainsMono Nerd Font",
        "type": "fontFamilies",
        "description": "jetbrainsmono-nerdfont@1.0.0 · monospace"
      }
    },
    "fontStack": {
      "heading": {
        "value": [
          "Segoe UI",
          "system-ui",
          "Inter",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "type": "fontFamilies"
      },
      "body": {
        "value": [
          "Segoe UI",
          "system-ui",
          "Inter",
          "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.paper}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.paper-surface}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.paper}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.graphite-text}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.graphite-dark}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.graphite}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.xbox-green}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.xbox-green-hover}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.xbox-green}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.xbox-green-hover}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.status-warning}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.hero-alert}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.status-danger}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.xbox-green}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.paper-divider}",
        "type": "color"
      }
    }
  },
  "role-dark": {
    "color": {
      "background": {
        "value": "{global.color.ink-hero}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.ink-header}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.ink-card}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.paper}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.paper-divider}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.graphite}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.xbox-green}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.lime-stripe}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.lime-stripe}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.xbox-progress-b}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.status-warning}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.hero-alert}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.status-danger}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.xbox-progress-b}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.graphite-dark}",
        "type": "color"
      }
    }
  },
  "brand": {
    "color": {
      "identity": {
        "value": "{global.color.ink-hero}",
        "type": "color"
      },
      "on-identity": {
        "value": "{global.color.xbox-green}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.xbox-green}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.xbox-green-hover}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.lime-stripe}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.xbox-progress-b}",
        "type": "color"
      },
      "mark": {
        "value": "{global.color.xbox-green}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.xbox-green}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.status-warning}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.status-danger}",
        "type": "color"
      },
      "text-primary-light": {
        "value": "{global.color.graphite-text}",
        "type": "color"
      },
      "text-primary-dark": {
        "value": "{global.color.paper}",
        "type": "color"
      },
      "background-light": {
        "value": "{global.color.paper}",
        "type": "color"
      },
      "background-dark": {
        "value": "{global.color.ink-hero}",
        "type": "color"
      },
      "surface-light": {
        "value": "{global.color.paper-surface}",
        "type": "color"
      },
      "surface-dark": {
        "value": "{global.color.ink-header}",
        "type": "color"
      },
      "text-secondary-light": {
        "value": "{global.color.graphite-dark}",
        "type": "color"
      },
      "text-tertiary-light": {
        "value": "{global.color.graphite}",
        "type": "color"
      },
      "border-light": {
        "value": "{global.color.paper-divider}",
        "type": "color"
      }
    }
  },
  "$metadata": {
    "name": "Xbox",
    "ref": "xbox@1.0.0",
    "paletteRef": "xbox@1.0.0",
    "generatedBy": "brand-atoms converter"
  }
}