{
  "$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": {
      "ink": {
        "value": "#101014",
        "type": "color",
        "description": "Page canvas — the Epic Games Store's primary dark background. Captured from the html background-color on store.epicgames.com.\n"
      },
      "ink-deep": {
        "value": "#000000",
        "type": "color",
        "description": "Pure black for hero artwork grounds and modal scrims.\n"
      },
      "graphite": {
        "value": "#202024",
        "type": "color",
        "description": "Elevated surface on the Ink canvas — card backgrounds and header chrome.\n"
      },
      "graphite-mid": {
        "value": "#2A2A2E",
        "type": "color",
        "description": "Mid graphite — secondary card surfaces and quiet panel backgrounds.\n"
      },
      "graphite-light": {
        "value": "#404044",
        "type": "color",
        "description": "Secondary button surface — observed as the default fill on the page chrome's secondary buttons.\n"
      },
      "fog-dark": {
        "value": "#5A5A5E",
        "type": "color",
        "description": "Tertiary text on dark canvas; quiet icon fills.\n"
      },
      "fog": {
        "value": "#A6A6A6",
        "type": "color",
        "description": "Secondary text on dark canvas; observed as rgba(255,255,255, 0.65) on disabled link affordances.\n"
      },
      "fog-light": {
        "value": "#D0D0D0",
        "type": "color",
        "description": "Quiet body-on-dark text and pale icon fills.\n"
      },
      "snow": {
        "value": "#FFFFFF",
        "type": "color",
        "description": "Pure white — the Epic Games Store's primary CTA fill (white surface with Ink text). Also the brand mark's positive fill.\n"
      },
      "snow-mid": {
        "value": "#F5F5F5",
        "type": "color",
        "description": "Pale surface — alternate card background and quiet promotional treatments.\n"
      },
      "action-blue": {
        "value": "#0078F2",
        "type": "color",
        "description": "Inline link accent observed on the marketing-site link surfaces. Not the primary CTA — Epic's primary action is a white surface with ink text — but the established hue for inline links and focus rings.\n"
      },
      "hot-pink": {
        "value": "#FF1F8A",
        "type": "color",
        "description": "Promotional / discount sticker accent observed on hero banners and sale stickers across the storefront.\n"
      },
      "signal-green": {
        "value": "#26BBA4",
        "type": "color",
        "description": "Free-claim / \"now free\" sticker accent observed on the weekly free-game banners.\n"
      },
      "alert-red": {
        "value": "#D8453A",
        "type": "color",
        "description": "Destructive-action / error red used for \"remove from wishlist\" and refund-related affordances.\n"
      }
    },
    "fontFamily": {
      "heading": {
        "value": "Inter",
        "type": "fontFamilies",
        "description": "inter@1.0.0 · sans-serif"
      },
      "body": {
        "value": "Inter",
        "type": "fontFamilies",
        "description": "inter@1.0.0 · sans-serif"
      },
      "mono": {
        "value": "JetBrainsMono Nerd Font",
        "type": "fontFamilies",
        "description": "jetbrainsmono-nerdfont@1.0.0 · monospace"
      }
    },
    "fontStack": {
      "heading": {
        "value": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "type": "fontFamilies"
      },
      "body": {
        "value": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "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.snow}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.snow-mid}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.snow}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.ink}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.fog-dark}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.fog}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.ink}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.graphite-light}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.action-blue}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.action-blue}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.hot-pink}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.hot-pink}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.alert-red}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.signal-green}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.fog-light}",
        "type": "color"
      }
    }
  },
  "role-dark": {
    "color": {
      "background": {
        "value": "{global.color.ink}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.graphite}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.graphite-mid}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.snow}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.fog-light}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.fog}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.snow}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.fog-light}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.action-blue}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.action-blue}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.hot-pink}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.hot-pink}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.alert-red}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.signal-green}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.graphite-light}",
        "type": "color"
      }
    }
  },
  "brand": {
    "color": {
      "identity": {
        "value": "{global.color.ink}",
        "type": "color"
      },
      "on-identity": {
        "value": "{global.color.snow}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.snow}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.fog-light}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.action-blue}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.action-blue}",
        "type": "color"
      },
      "mark": {
        "value": "{global.color.snow}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.signal-green}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.hot-pink}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.alert-red}",
        "type": "color"
      },
      "text-primary-light": {
        "value": "{global.color.ink}",
        "type": "color"
      },
      "text-primary-dark": {
        "value": "{global.color.snow}",
        "type": "color"
      },
      "background-light": {
        "value": "{global.color.snow}",
        "type": "color"
      },
      "background-dark": {
        "value": "{global.color.ink}",
        "type": "color"
      },
      "surface-light": {
        "value": "{global.color.snow-mid}",
        "type": "color"
      },
      "surface-dark": {
        "value": "{global.color.graphite}",
        "type": "color"
      },
      "text-secondary-light": {
        "value": "{global.color.fog-dark}",
        "type": "color"
      },
      "text-tertiary-light": {
        "value": "{global.color.fog}",
        "type": "color"
      },
      "border-light": {
        "value": "{global.color.fog-light}",
        "type": "color"
      }
    }
  },
  "$metadata": {
    "name": "Epic Games",
    "ref": "epic-games@1.0.0",
    "paletteRef": "epic-games@1.0.0",
    "generatedBy": "brand-atoms converter"
  }
}