{
  "color": {
    "@base": {
      "value": {
        "forcedColors": "LinkText",
        "default": "{color.accent.primary.@base}",
        "nativeTheme": "LinkText"
      }
    },
    "hover": {
      "value": {
        "forcedColors": "LinkText",
        "default": "{color.accent.primary.hover}",
        "nativeTheme": "color-mix(in srgb, black 10%, {link.color.@base})"
      }
    },
    "active": {
      "value": {
        "forcedColors": "ActiveText",
        "default": "{color.accent.primary.active}",
        "nativeTheme": "color-mix(in srgb, black 20%, {link.color.@base})"
      }
    },
    "visited": {
      "value": {
        "forcedColors": "VisitedText",
        "default": "{link.color.@base}"
      }
    }
  },
  "focus": {
    "outline": {
      "offset": {
        "comment": "Not using --force-outline-offset for links because that's intended for\nelements with a background, and we only want a slight offset here while\nnot overlapping adjacent text",
        "value": "1px"
      }
    }
  }
}